:root {
  /* Modern editorial palette — warm-white base, disciplined deep-teal accent.
     Distinct from the old cream/terracotta AI-default look. */
  --color-bg: oklch(98% 0.005 95);          /* warm white, cooler than cream */
  --color-bg-tint: oklch(96.5% 0.008 95);
  --color-surface: oklch(100% 0 0);          /* white cards */
  --color-ink: oklch(26% 0.018 235);         /* near-black, slight cool */
  --color-ink-soft: oklch(47% 0.018 235);
  --color-ink-faint: oklch(62% 0.012 235);
  --color-line: oklch(91% 0.006 235);
  --color-line-strong: oklch(84% 0.01 235);

  --color-brand: #cc0f2e;                     /* Lianhe Zaobao masthead red */
  --color-accent: oklch(48% 0.082 195);      /* deep teal / petrol */
  --color-accent-deep: oklch(40% 0.08 197);
  --color-accent-soft: oklch(95% 0.022 195);
  --color-accent-ring: oklch(48% 0.082 195 / 0.22);

  /* Dark "galley proof" result panel — tinted toward teal-ink, not neutral slate */
  --color-panel: oklch(23% 0.028 205);
  --color-panel-2: oklch(27% 0.03 205);
  --color-panel-text: oklch(95% 0.008 200);
  --color-panel-soft: oklch(74% 0.018 200);
  --color-panel-line: oklch(36% 0.025 205);

  /* 8-hue anatomy palette — cycled by section index (task-adaptive structure).
     One harmonious system: ~72% L, moderate chroma, legible on the dark panel. */
  --sec-1: oklch(72% 0.115 300);
  --sec-2: oklch(73% 0.12 30);
  --sec-3: oklch(72% 0.105 235);
  --sec-4: oklch(75% 0.11 150);
  --sec-5: oklch(70% 0.13 14);
  --sec-6: oklch(76% 0.09 200);
  --sec-7: oklch(78% 0.11 88);
  --sec-8: oklch(73% 0.1 330);

  --font-display: "Fraunces", "Songti SC", "Noto Serif SC", Georgia, "Times New Roman", serif;
  --font-body: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Roboto Mono", "Menlo", monospace;

  /* Compact, professional scale */
  --text-base: clamp(0.9rem, 0.86rem + 0.18vw, 0.97rem);
  --text-sm: 0.8rem;
  --text-xs: 0.7rem;
  --text-hero: clamp(2.1rem, 1.3rem + 3.6vw, 3.4rem);
  --text-h2: clamp(1.25rem, 1.05rem + 1vw, 1.6rem);

  --space-section: clamp(2.5rem, 1.8rem + 3vw, 4.5rem);
  --radius: 12px;
  --radius-sm: 8px;
  --duration: 200ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}