/* ============================================================
   Neural Tech — Deep Resilience tokens
   Theme B: dark, high-tech, evidence/data feel.
   Base ink-900 #0F1B17 · luminous jade #5FC9AC · amber #E9B872
   ============================================================ */

:root {
  /* --- Core palette (dark theme) --- */
  --ink-900: #0F1B17;   /* base background — pine-black, green-tinted */
  --ink-850: #12211C;   /* raised panel */
  --ink-800: #16261F;   /* card surface */
  --ink-750: #1C3029;   /* hover surface */
  --ink-700: #23413A;   /* borders on dark */

  --jade-300: #8FE0C9;  /* bright text-accent */
  --jade-400: #5FC9AC;  /* luminous jade — primary accent */
  --jade-500: #4B9D86;  /* brand green (authoritative mark) */
  --jade-700: #2F6B5C;  /* depth */
  --jade-900: #1E463C;  /* deep fills */

  --amber-400: #E9B872; /* accent — stats, warmth, CTA highlight */
  --amber-300: #F2CE96; /* amber hover */

  --blue-400: #6FA8CC;  /* serene blue — secondary link/trust */

  /* --- Text on dark --- */
  --text-100: #EAF3EF;  /* headings — near-white, jade-tinted */
  --text-300: #C4D4CD;  /* body */
  --text-500: #8CA39A;  /* muted / captions */
  --text-700: #5B6E66;  /* faint / disabled */

  /* --- Semantic --- */
  --bg: var(--ink-900);
  --surface: var(--ink-800);
  --surface-raised: var(--ink-850);
  --border: var(--ink-700);
  --border-soft: rgba(95, 201, 172, 0.14);
  --accent: var(--jade-400);
  --accent-strong: var(--jade-300);
  --accent-warm: var(--amber-400);
  --link: var(--jade-300);

  --focus-ring: #8FE0C9;

  /* --- Type --- */
  --font-serif: "Fraunces", "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Modular type scale (1.25 major-third), fluid */
  --step--1: clamp(0.80rem, 0.77rem + 0.15vw, 0.89rem);
  --step-0:  clamp(1.00rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1:  clamp(1.25rem, 1.16rem + 0.45vw, 1.55rem);
  --step-2:  clamp(1.56rem, 1.40rem + 0.80vw, 2.15rem);
  --step-3:  clamp(1.95rem, 1.68rem + 1.35vw, 3.00rem);
  --step-4:  clamp(2.44rem, 2.00rem + 2.20vw, 4.20rem);
  --step-5:  clamp(3.05rem, 2.35rem + 3.50vw, 5.80rem);

  /* --- Spacing (8pt rhythm) --- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --section-pad: clamp(3.5rem, 8vw, 7.5rem);
  --container: 1200px;
  --container-narrow: 780px;

  /* --- Radii / shadow / motion --- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.30);
  --shadow-md: 0 12px 34px rgba(0, 0, 0, 0.42);
  --shadow-glow: 0 0 0 1px rgba(95, 201, 172, 0.25), 0 14px 44px rgba(15, 70, 60, 0.35);

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.33, 0, 0.2, 1);
  --dur-fast: 240ms;
  --dur-mid: 520ms;
  --dur-slow: 760ms;
}