/* ============================================================
   NUWA AIOps Keynote — Design Tokens
   白底黑字 · 女媧青/黃/紫（官方色票）· 黑體 · Material Design 質感
   ============================================================ */
:root {
  /* ---- Brand (官方色票) ---- */
  --nuwa-cyan: #00B5E2;       /* 女媧青 · 主要品牌色（亮）→ 搭深色字 */
  --nuwa-cyan-700: #0D3457;   /* 深藏青 · 白字主按鈕/連結/強標題 */
  --nuwa-yellow: #EDFF00;     /* 螢光黃 · highlight → 搭深色字 */
  --mod-orange: #D2982C;      /* 金橘 · 次要暖色/注意 → 搭深色字 */
  --nuwa-violet: #736CED;     /* 紫羅蘭 · 章節標記/次要 CTA */
  --mod-purple: #B873BD;      /* 淡紫 · 第三層點綴 */
  --danger: #E01D57;          /* 洋紅 · 僅用於紅線/禁止 */

  /* ---- Soft tints（背景用，衍生自品牌色）---- */
  --cyan-soft: #E1F6FC;
  --yellow-soft: #FAFFC2;
  --orange-soft: #FAF1DE;
  --violet-soft: #ECEBFD;
  --purple-soft: #F6ECF7;
  --danger-soft: #FCE4EC;

  /* ---- Neutral ---- */
  --bg: #FFFFFF;
  --ink: #14202B;             /* 近黑（帶一點藏青，與品牌一致） */
  --ink-soft: #5A6672;
  --ink-faint: #93A0AD;
  --surface: #F5F8FA;
  --line: #E2E8EC;

  /* ---- Typography ---- */
  --font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, -apple-system, sans-serif;
  --fs-display: clamp(30px, 5vw, 44px);
  --fs-headline: clamp(24px, 3.4vw, 32px);
  --fs-title: clamp(18px, 2.2vw, 22px);
  --fs-body: clamp(15px, 1.7vw, 17px);
  --fs-label: 14px;
  --fs-caption: 13px;

  /* ---- Shape & Elevation (Material) ---- */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --elev-1: 0 1px 2px rgba(13,52,87,.06), 0 1px 3px rgba(13,52,87,.10);
  --elev-2: 0 4px 8px rgba(13,52,87,.08), 0 2px 4px rgba(13,52,87,.06);
  --elev-3: 0 12px 24px rgba(13,52,87,.12), 0 4px 8px rgba(13,52,87,.06);

  /* ---- Spacing (8px grid) ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  --ease: cubic-bezier(.2,.7,.2,1);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}