/* ============================================================
   1-tokens.css — design tokens (CSS custom properties)
   Loaded first so every downstream file can reference them.
   ============================================================ */

:root {
  --primary: #0F766E;
  --primary-dark: #115E59;
  --primary-darker: #0B3D3A;
  --primary-bright: #14B8A6;
  --primary-glow: #2DD4BF;
  --tint: #CCFBF1;
  --tint-soft: #E6FAF5;
  --text: #0F172A;
  --text-strong: #0B3D3A;
  --heading: #0B3D3A;
  --muted: #4B5563;
  --muted-strong: #374151;
  --surface: #FFFFFF;
  --surface-cream: #FAF7F2;
  --border: #E5E7EB;
  --border-strong: #D1D5DB;

  /* Dark surfaces */
  --black: #0A0A0B;
  --black-soft: #111114;
  --dark-elev-1: #16171B;
  --dark-elev-2: #1C1D22;
  --on-dark-heading: #F8FAFC;
  --on-dark-text: #E2E8F0;
  --on-dark-muted: #94A3B8;
  --on-dark-border: rgba(255, 255, 255, 0.08);
  --on-dark-border-strong: rgba(255, 255, 255, 0.16);

  /* Layered shadows — paired close + far drops for natural depth instead
     of a single flat blur. */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 1px rgba(15, 23, 42, 0.04);
  --shadow:    0 4px 14px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.05);
  --shadow-lg: 0 18px 42px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
  --shadow-dark: 0 16px 48px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-glow: 0 0 60px rgba(45, 212, 191, 0.25);
  /* Inset top highlight — gives cards/buttons a "polished" lit edge. */
  --hi-top: inset 0 1px 0 rgba(255, 255, 255, 0.6);

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --container-max: 1200px;
  /* --serif-display historically named for the heading/display family.
     Now using Plus Jakarta Sans — confident geometric sans-serif used as
     the display face; falls back to Inter, then system. */
  --serif-display: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* --sans is the body family — Inter for unmatched on-screen readability. */
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}