/* ==========================================================================
   峰唯峰教育 PeakOne Education — Design Tokens
   概念：当代东方学院气质 × 国际高等教育机构 × 专业教育智库
   ========================================================================== */

:root {
  /* ---- Color: Navy family (primary) ---- */
  --color-navy-950: #0c1526;
  --color-navy-900: #10192e;
  --color-navy-800: #14223d;   /* primary brand navy */
  --color-navy-700: #1c2f52;
  --color-navy-600: #274070;
  --color-navy-500: #35548c;

  /* ---- Color: Champagne gold (accent, sparing use) ---- */
  --color-gold-600: #8a6a28;   /* darkened from #a8843f for WCAG AA on paper backgrounds (4.8:1) */
  --color-gold-500: #c3a668;   /* primary accent */
  --color-gold-400: #d3bc8b;
  --color-gold-100: #f1e9d8;

  /* ---- Color: rare secondary accent (seal red / burgundy, decorative only) ---- */
  --color-seal-600: #8a3b2f;

  /* ---- Neutrals ---- */
  --color-paper-0: #fbfaf6;    /* page background */
  --color-paper-50: #f5f2ea;   /* section alt background */
  --color-paper-100: #ece6d8;  /* hairline / card background */
  --color-ink-900: #1b1d22;    /* primary text */
  --color-ink-700: #3d4048;    /* secondary text */
  --color-ink-500: #6b6e76;    /* tertiary text / captions */
  --color-ink-300: #6f7278;    /* darkened from #9a9da5 for WCAG AA at caption size (4.6:1) */
  --color-line: #d9d2c0;       /* hairline borders */
  --color-white: #ffffff;

  /* ---- Semantic ---- */
  --color-bg: var(--color-paper-0);
  --color-bg-alt: var(--color-paper-50);
  --color-surface: var(--color-white);
  --color-text: var(--color-ink-900);
  --color-text-muted: var(--color-ink-500);
  --color-brand: var(--color-navy-800);
  --color-accent: var(--color-gold-500);
  --color-border: var(--color-line);
  --color-on-brand: var(--color-paper-0);

  /* ---- Typography ---- */
  --font-serif-zh: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-sans-zh: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  --font-serif-en: "Source Serif 4", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans-en: "Inter", -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --font-heading: var(--font-serif-zh), var(--font-serif-en);
  --font-body: var(--font-sans-zh), var(--font-sans-en);

  --fs-display: clamp(3rem, 2rem + 4.6vw, 6.2rem);
  --fs-h1: clamp(2.3rem, 1.8rem + 2.4vw, 3.8rem);
  --fs-h2: clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);
  --fs-h3: clamp(1.25rem, 1.15rem + 0.5vw, 1.55rem);
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-caption: 0.75rem;

  --lh-tight: 1.2;
  --lh-heading: 1.35;
  --lh-body: 1.75;

  --ls-eyebrow: 0.18em;

  /* ---- Spacing scale ---- */
  --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;

  /* ---- Layout ---- */
  --container-max: 1280px;
  --container-pad: clamp(20px, 4vw, 64px);
  --radius-sm: 2px;
  --radius-md: 3px;

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 200ms;
  --dur-base: 420ms;
  --dur-slow: 700ms;
}

/* This brand intentionally uses a single committed palette (ivory paper +
   navy + champagne gold) modeled on print/academic publishing, regardless of
   the visitor's OS color-scheme preference — matching institutional sites
   generally, and avoiding low-contrast auto-inversion of navy-on-navy
   components. */