/* ============================================================
   TERM.OS · Design Tokens
   深空科技感：近黑底 + 青/紫霓虹 + 玻璃面板 + 网格底纹
   ============================================================ */

:root {
  /* ---- 字体 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "JetBrains Mono", "SF Mono",
               Consolas, "Liberation Mono", Menlo, monospace;

  /* ---- 圆角 ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 26px;
  --r-full: 999px;

  /* ---- 间距 ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 44px;

  /* ---- 动效 ---- */
  --dur-1: 120ms;
  --dur-2: 220ms;
  --dur-3: 360ms;
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);

  /* ---- 尺寸 ---- */
  --topbar-h: 56px;
  --tabbar-h: 62px;
  --frame-max: 760px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}

/* ============================================================
   深色（默认）—— 深空
   ============================================================ */
[data-theme="dark"] {
  color-scheme: dark;

  --bg-0: #04070f;
  --bg-1: #080d1a;
  --bg-2: #0c1424;
  --bg-3: #121d33;

  --panel:     rgba(148, 190, 255, .045);
  --panel-2:   rgba(148, 190, 255, .075);
  --panel-3:   rgba(148, 190, 255, .11);
  --panel-solid: #0b1220;

  --line:        rgba(120, 178, 255, .13);
  --line-strong: rgba(120, 178, 255, .28);
  --line-glow:   rgba(63, 220, 255, .45);

  --txt-0: #eaf2ff;
  --txt-1: #a2b6d6;
  --txt-2: #61748f;
  --txt-3: #3d4c63;

  --brand:   #3fdcff;
  --brand-2: #8d78ff;
  --ok:      #25e6a4;
  --warn:    #ffb648;
  --bad:     #ff5c7c;

  --brand-soft: rgba(63, 220, 255, .13);
  --ok-soft:    rgba(37, 230, 164, .13);
  --warn-soft:  rgba(255, 182, 72, .13);
  --bad-soft:   rgba(255, 92, 124, .13);
  --violet-soft:rgba(141, 120, 255, .14);

  --glow-brand: 0 0 0 1px rgba(63,220,255,.35), 0 6px 24px -6px rgba(63,220,255,.45);
  --glow-soft:  0 8px 32px -14px rgba(63,220,255,.55);

  --shadow-card: 0 1px 0 rgba(255,255,255,.05) inset, 0 12px 32px -20px rgba(0,0,0,.9);
  --shadow-pop:  0 24px 60px -20px rgba(0,0,0,.85), 0 0 0 1px rgba(120,178,255,.14);

  --grid-line: rgba(120, 178, 255, .055);
  --aurora-1: rgba(63, 220, 255, .10);
  --aurora-2: rgba(141, 120, 255, .10);
  --aurora-3: rgba(37, 230, 164, .05);

  --scrim: rgba(3, 6, 13, .72);
}

/* ============================================================
   浅色 —— 冷雾
   ============================================================ */
[data-theme="light"] {
  color-scheme: light;

  --bg-0: #eef3fa;
  --bg-1: #f6f9fd;
  --bg-2: #ffffff;
  --bg-3: #e8eff9;

  --panel:     rgba(255, 255, 255, .72);
  --panel-2:   rgba(255, 255, 255, .92);
  --panel-3:   rgba(11, 40, 80, .045);
  --panel-solid: #ffffff;

  --line:        rgba(16, 58, 110, .12);
  --line-strong: rgba(16, 58, 110, .24);
  --line-glow:   rgba(10, 132, 190, .45);

  --txt-0: #0b182c;
  --txt-1: #3d5273;
  --txt-2: #6a7f9d;
  --txt-3: #9aabc4;

  --brand:   #0a86b8;
  --brand-2: #6948e8;
  --ok:      #0e9c6c;
  --warn:    #b8720a;
  --bad:     #d6365c;

  --brand-soft: rgba(10, 134, 184, .10);
  --ok-soft:    rgba(14, 156, 108, .10);
  --warn-soft:  rgba(184, 114, 10, .11);
  --bad-soft:   rgba(214, 54, 92, .10);
  --violet-soft:rgba(105, 72, 232, .10);

  --glow-brand: 0 0 0 1px rgba(10,134,184,.30), 0 6px 20px -8px rgba(10,134,184,.40);
  --glow-soft:  0 10px 30px -16px rgba(10,134,184,.45);

  --shadow-card: 0 1px 0 rgba(255,255,255,.9) inset, 0 10px 26px -18px rgba(11,40,80,.55);
  --shadow-pop:  0 26px 60px -22px rgba(11,40,80,.35), 0 0 0 1px rgba(16,58,110,.10);

  --grid-line: rgba(16, 58, 110, .05);
  --aurora-1: rgba(63, 180, 255, .16);
  --aurora-2: rgba(141, 120, 255, .14);
  --aurora-3: rgba(37, 230, 164, .10);

  --scrim: rgba(226, 235, 247, .74);
}