/* ==========================================================================
   GEO智见Insight — Design Tokens v1.0
   Single source of truth for color / type / space / motion.
   Theme definitions live in themes.css; components live in base.css.
   ========================================================================== */

:root {
  /* ---------- Brand core palette ---------- */
  --ink: #180f0d;            /* 深巧克力主底色 */
  --ink-2: #241512;          /* 深巧克力次底色 */
  --ink-3: #34201d;          /* 深巧克力 elevation */
  --ink-blue: #0a1020;       /* 深蓝黑 */
  --ink-blue-2: #111a33;

  --rose: #ff2f6e;           /* 玫红主强调 */
  --rose-bright: #ff5c8d;
  --rose-deep: #c9144a;
  --coral: #ff6a3d;          /* 珊瑚橙强调 */
  --coral-bright: #ff9a4d;
  --pink: #ffdce6;           /* 浅粉色块 */
  --pink-soft: #fff0f4;
  --cream: #fbf4ea;          /* 浅米白底色 */
  --cream-2: #f4e8d9;
  --mint: #9bf6c9;           /* 薄荷绿强调 */
  --mint-bright: #5ff0ac;
  --mint-soft: #e7fff2;
  --violet: #6d5bff;         /* 蓝紫辅助 */
  --violet-bright: #9a7bff;
  --blue: #1736e8;           /* 科技蓝 */
  --blue-bright: #2f5cff;
  --blue-soft: #e8edff;
  --white: #ffffff;

  /* ---------- Text on dark ---------- */
  --tx-dark: #fff8f0;        /* 深色底主文字，对比度 >15:1 on --ink */
  --tx-dark-dim: #e9dcd0;    /* 深色底正文/次要文字，对比度 >12:1 */
  --tx-dark-mute: #d8c7b9;   /* 深色底标签文字，对比度 >10:1 */

  /* ---------- Text on light ---------- */
  --tx-light: #1a100e;
  --tx-light-dim: #5c4942;   /* on cream ≈ 7.4:1 */
  --tx-light-mute: #7a625a;  /* on cream ≈ 4.8:1，仅用于大号/非关键文字 */

  /* ---------- Borders / lines ---------- */
  --line-dark: rgba(255, 248, 240, 0.16);
  --line-dark-strong: rgba(255, 248, 240, 0.32);
  --line-light: rgba(24, 15, 13, 0.14);
  --line-light-strong: rgba(24, 15, 13, 0.28);

  /* ---------- Fonts ---------- */
  --font-display: "Archivo Black", "Noto Sans CJK SC", "PingFang SC",
    "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  --font-sans: "Space Grotesk", "Noto Sans CJK SC", "PingFang SC",
    "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-serif: "Noto Serif CJK SC", "Songti SC", "STSong", serif;
  --font-mono: "Space Grotesk", "SFMono-Regular", Consolas, monospace;

  /* ---------- Fluid type scale ---------- */
  --fs-hero: clamp(6.5rem, 23vw, 21rem);       /* GEO 主角 */
  --fs-hero-cn: clamp(2.35rem, 8.6vw, 7rem);   /* 中文宣言 */
  --fs-display: clamp(2rem, 5.2vw, 4.25rem);
  --fs-h2: clamp(1.75rem, 3.6vw, 3rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.7rem);
  --fs-lead: clamp(1.0625rem, 1.5vw, 1.3rem);
  --fs-body: clamp(1rem, 1.15vw, 1.0625rem);
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* ---------- Spacing ---------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;
  --section-y: clamp(4.5rem, 9vw, 9rem);
  --container: 1240px;
  --container-wide: 1440px;

  /* ---------- Radii ---------- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-xl: 40px;
  --r-2xl: 56px;
  --r-pill: 999px;

  /* ---------- Shadows & glows ---------- */
  --shadow-hard: 8px 8px 0 var(--ink);
  --shadow-hard-rose: 8px 8px 0 var(--rose);
  --shadow-soft: 0 18px 50px -20px rgba(24, 15, 13, 0.45);
  --shadow-float: 0 26px 70px -28px rgba(24, 15, 13, 0.55);
  --shadow-glow-rose: 0 0 0 1px rgba(255, 92, 141, 0.35), 0 10px 34px -14px rgba(255, 47, 110, 0.5);
  --shadow-glow-mint: 0 12px 38px -16px rgba(95, 240, 172, 0.55);

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --dur-fast: 0.22s;
  --dur: 0.5s;
  --dur-slow: 0.9s;

  /* ---------- Light theme defaults ---------- */
  --bg: var(--cream);
  --fg: var(--tx-light);
  --fg-dim: var(--tx-light-dim);
  --accent: var(--rose);
}

/* Theme surfaces are declared in themes.css.
   Every themed region also exposes local background/text vars for nested UI. */