/*
 * Primitives 层 —— 原始令牌。来自 Dracula Pro 官方调色板与设计稿基础尺度。
 *
 * 组件不直接消费这一层。主题切换不动这一层。新增主题 = 在 semantic 层把
 * 这里的原始值映射给语义变量。
 */

:root
{
    /* ---- Dracula Pro · Base 色板 ---- */
    --c-purple-500:    #9580FF;   /* Base Purple — 大块面积/按钮背景适用 */
    --c-purple-400:    #AA99FF;   /* Base BrightBlue — Purple 的官方亮版,适合
                                     深色背景上的文字 / 链接,对比度 6.7:1 */
    --c-purple-700:    #644AC9;   /* Alucard Purple — 亮色主题 accent */
    --c-pink:          #FF80BF;   /* 扩展色 */
    --c-pink-deep:     #A3144D;
    --c-red:           #FF9580;   /* dark · state-error */
    --c-red-deep:      #CB3A2A;   /* light · state-error */
    --c-orange:        #FFCA80;   /* dark · state-warn */
    --c-orange-deep:   #A34D14;   /* light · state-warn */
    --c-yellow:        #FFFF80;
    --c-yellow-deep:   #846E15;
    --c-green:         #8AFF80;   /* dark · state-online */
    --c-green-deep:    #14710A;   /* light · state-online */
    --c-cyan:          #80FFEA;
    --c-cyan-deep:     #036A96;

    /* ---- Dracula Pro · 文字 / Comment(色 token,非表面) ---- */
    /* Dracula 官方深色 bg / surface 偏 250° 紫调,在紫色 accent 上对比度
       塌缩到 ~4.2:1。本项目改走「中性灰表面 + Dracula 色作 accent / 角色色」,
       表面色单独抽到 c-bg-dark-* 系列,这里只保留 foreground 与 comment。 */
    --c-comment-dracula:    #7970A9;  /* official Comment —— 仅用于"非常 muted"
                                          的场景(例如 hover-only 提示);作为
                                          UI 次要文字色对比度只有 4.3:1,临界。 */
    --c-comment-bright:     #A89DD3;  /* Comment 的官方派生亮版(同色相 250°,
                                          饱和度 35% 明度 72%),用于 UI muted 文字,
                                          对比度 ~7:1 (AAA Large + AA Normal)。 */
    --c-foreground-dracula: #F8F8F2;  /* official Foreground */
    --c-foreground-alucard: #1F1F1F;  /* official Foreground */
    --c-comment-alucard:    #635D97;  /* official Comment */

    /* ---- 中性灰深色 5 阶 surface(去紫调) ----
       目标:让紫色 accent 在背景上对比度达 7:1+,避免 Dracula 官方紫底紫前景
       塌缩。色相 H≈260°(略冷,与紫色 accent 同冷调系)、饱和度 8-12% 极低、
       明度 9-22% 阶梯递进。 */
    --c-bg-dark-neutral:        #17171C;   /* 页面底,最深 */
    --c-sunken-dark-neutral:    #1E1E24;   /* 下沉(剪贴板 sunken / dropzone 底) */
    --c-surface-dark-neutral:   #26262E;   /* 默认 panel */
    --c-raised-dark-neutral:    #2E2E37;   /* hover / 主 panel */
    --c-elev2-dark-neutral:     #37373F;   /* 双层 elev(对话框 / 弹层) */
    --c-divider-dark-neutral:   #3C3C45;
    --c-divider-strong-dark:    #54545F;
    --c-text-muted-dark-neutral: #9C9CA9;  /* 比 Comment 紫调更冷的中性 muted */

    /* ---- 中性灰浅色 5 阶 surface(去紫调) ----
       原 Alucard #F5F5F5/#FFFFFF/#EAEAEA 已基本中性,这里微调成更冷一档,
       并显式拉出 5 阶,让 hover 的 surface→raised 有视觉差。
       2026-05-16 调整:bg 与 sunken 各自再深一档,把卡片"浮"起来,
       让默认白色 panel 从页面背景里明显分层(原 #F2F2F4 太接近白)。 */
    --c-bg-light-neutral:       #E9E8EE;   /* 页面底,更冷更深一档,与白卡形成清晰 ~9% 亮度差 */
    --c-sunken-light-neutral:   #DDDCE3;   /* 下沉表面,比 bg 再深一档 */
    --c-surface-light-neutral:  #FAFAFB;   /* 默认 panel:几乎纯白 */
    --c-raised-light-neutral:   #FFFFFF;   /* hover / 主 panel */
    --c-elev2-light-neutral:    #FFFFFF;   /* 双层(primary panel) */
    --c-divider-light-neutral:  #D6D5DC;
    --c-divider-strong-light:   #B5B4BD;
    --c-text-muted-light-neutral: #5B5A6E;  /* 比 #635D97 略冷,饱和度更低 */

    /* ---- 原 Dracula / Alucard 表面变量保留作 fallback,目前不消费 ---- */
    --c-bg-dracula:        var(--c-bg-dark-neutral);
    --c-surface-dracula:   var(--c-surface-dark-neutral);
    --c-raised-dracula:    var(--c-raised-dark-neutral);
    --c-sunken-dracula:    var(--c-sunken-dark-neutral);
    --c-selection-dracula: #454158;   /* official Selection,仅 ::selection 还要 */

    --c-bg-alucard:        var(--c-bg-light-neutral);
    --c-surface-alucard:   var(--c-surface-light-neutral);
    --c-raised-alucard:    var(--c-raised-light-neutral);
    --c-sunken-alucard:    var(--c-sunken-light-neutral);
    --c-selection-alucard: #CFCFDE;

    /* ---- 字号阶梯 ---- */
    --fs-11: 11px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-15: 15px;
    --fs-18: 18px;
    --fs-22: 22px;
    --fs-28: 28px;

    /* ---- 行高 ---- */
    --lh-body:    1.6;     /* 正文 / 多行块 */
    --lh-ui:      1.4;     /* 按钮 / 单行 UI */
    --lh-title:   1.2;     /* 标题 */

    /* ---- 字距 ---- */
    --ls-brand:   0.06em;
    --ls-label:   0.08em;

    /* ---- 间距阶梯（基 4）---- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* ---- 圆角 ---- */
    --radius-card:    10px;
    --radius-control: 6px;
    --radius-pill:    999px;

    /* ---- 动效 ---- */
    --dur-fast: 120ms;
    --dur-base: 220ms;
    --dur-slow: 320ms;
    --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}
