/* ============================================================
   QY · PRISM 设计系统 — 变量层
   设计语言：深空石墨 / 钛银金属 / 棱镜青
   主色：棱镜青 #00E5A0   副色：余烬橙 #FF6B35
   规则：所有颜色、间距、时长必须走变量，禁止硬编码
   ============================================================ */

:root {
  /* ============================================================
     一、底层：深空石墨
     ============================================================ */
  --ink-950: #040508;
  --ink-900: #070910;
  --ink-850: #0A0D15;
  --ink-800: #0E121B;
  --ink-750: #131824;
  --ink-700: #1A2130;
  --ink-600: #232B3C;
  --ink-500: #2E374A;

  /* ============================================================
     二、金属：钛银
     ============================================================ */
  --ti-000: #FFFFFF;
  --ti-100: #F4F7FB;
  --ti-200: #DCE3ED;
  --ti-300: #B4BECD;
  --ti-400: #8B97A8;
  --ti-500: #69737F;
  --ti-600: #4A525C;
  --ti-700: #2F353D;
  --ti-800: #1B1F26;

  /* ---------- 语义文本 ---------- */
  --fg-hi: var(--ti-000);
  --fg: var(--ti-200);
  --fg-mid: var(--ti-300);
  --fg-lo: var(--ti-400);
  --fg-dim: var(--ti-500);
  --fg-faint: var(--ti-600);

  /* ============================================================
     三、强调色
     棱镜青用于主行动与在线状态；余烬橙仅用于唯一主 CTA，形成冷暖对冲。
     ============================================================ */
  --prism: #00E5A0;
  --prism-deep: #00B37E;
  --prism-dark: #046A4C;
  --prism-a12: rgba(0, 229, 160, .12);
  --prism-a20: rgba(0, 229, 160, .20);
  --prism-a40: rgba(0, 229, 160, .40);

  --ember: #FF6B35;
  --ember-deep: #D24A17;
  --ember-a14: rgba(255, 107, 53, .14);
  --ember-a40: rgba(255, 107, 53, .40);

  --signal: #4D94FF;
  --signal-a16: rgba(77, 148, 255, .16);
  --alert: #FF4757;
  --warn: #FFB020;

  /* ============================================================
     四、描边
     ============================================================ */
  --line-1: rgba(255, 255, 255, .055);
  --line-2: rgba(255, 255, 255, .095);
  --line-3: rgba(255, 255, 255, .16);
  --line-4: rgba(255, 255, 255, .26);

  /* ============================================================
     五、表面
     ============================================================ */
  --surf-flat: var(--ink-850);
  --surf-raise: linear-gradient(165deg, #171E2B 0%, #0C1018 68%);
  --surf-glass: linear-gradient(160deg, rgba(255, 255, 255, .062) 0%, rgba(255, 255, 255, .014) 55%, rgba(255, 255, 255, .03) 100%);
  --surf-metal: linear-gradient(150deg, #2A3243 0%, #151A25 42%, #0B0E15 100%);

  /* 倒角描边：金属边缘光 */
  --edge-soft: linear-gradient(150deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .02) 42%, rgba(255, 255, 255, .07) 100%);
  --edge-lit: linear-gradient(150deg, rgba(255, 255, 255, .40) 0%, rgba(255, 255, 255, .04) 46%, rgba(255, 255, 255, .14) 100%);

  /* ============================================================
     六、阴影
     ============================================================ */
  --sh-1: 0 1px 2px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .05) inset;
  --sh-2: 0 2px 6px rgba(0, 0, 0, .40), 0 8px 20px rgba(0, 0, 0, .34), 0 1px 0 rgba(255, 255, 255, .055) inset;
  --sh-3: 0 4px 10px rgba(0, 0, 0, .38), 0 16px 40px rgba(0, 0, 0, .44), 0 1px 0 rgba(255, 255, 255, .06) inset;
  --sh-4: 0 8px 20px rgba(0, 0, 0, .40), 0 32px 72px rgba(0, 0, 0, .56), 0 1px 0 rgba(255, 255, 255, .07) inset;

  --sh-prism: 0 0 0 1px var(--prism-a20), 0 8px 32px rgba(0, 229, 160, .18), 0 1px 0 rgba(255, 255, 255, .10) inset;
  --sh-ember: 0 0 0 1px var(--ember-a40), 0 8px 32px rgba(255, 107, 53, .22), 0 1px 0 rgba(255, 255, 255, .12) inset;

  /* ============================================================
     七、圆角与切角
     ============================================================ */
  --r-xs: 3px;
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 18px;
  --r-2xl: 26px;

  --notch-sm: 6px;
  --notch: 10px;
  --notch-lg: 18px;

  /* ============================================================
     八、间距
     ============================================================ */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* ============================================================
     九、缓动
     ============================================================ */
  --ease: cubic-bezier(.22, .78, .28, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.5, 0, .85, .3);
  --dur-1: 140ms;
  --dur-2: 240ms;
  --dur-3: 420ms;
  --dur-4: 720ms;

  /* ============================================================
     十、字体
     ============================================================ */
  --font-sans: 'Inter', 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Roboto Mono', ui-monospace, Consolas, monospace;

  /* ============================================================
     十一、层级
     ============================================================ */
  --z-bg: 0;
  --z-content: 10;
  --z-nav: 100;
  --z-overlay: 200;
  --z-toast: 300;
}

/* 字号阶梯 —— 流体排版 */
:root {
  --fs-display: clamp(2.75rem, 6.2vw, 5.25rem);
  --fs-h1: clamp(2rem, 4.2vw, 3.25rem);
  --fs-h2: clamp(1.5rem, 2.8vw, 2.125rem);
  --fs-h3: clamp(1.125rem, 1.7vw, 1.375rem);
  --fs-body: clamp(.9375rem, 1.05vw, 1rem);
  --fs-sm: .875rem;
  --fs-xs: .78125rem;
  --fs-micro: .6875rem;
}