/* ==========================================================================
   Reforme design tokens
   Layout concept: a calm, clinical light surface (mint-tinted white) that
   mirrors the launch film, with one deep-green "night" band for the clinician
   dashboard and the closing call to action. Coral appears only for movement
   errors, the way it does inside the product.
   ========================================================================== */

:root {
  color-scheme: light;

  /* Brand greens, sampled from the monogram and wordmark */
  --ink-950: #04201d;
  --ink-900: #062f2b;   /* wordmark */
  --ink-800: #0b3f39;
  --ink-700: #12544b;
  --teal-600: #1b8573;
  --teal-500: #2fa58f;
  --teal-400: #52bfa4;
  --mint-300: #a7e6c3;
  --mint-200: #cdeedd;
  --mint-100: #e6f5ed;
  --mint-50:  #f3f9f6;

  /* Neutrals, tinted toward the brand green */
  --surface:   #ffffff;
  --page:      #f4f9f6;
  --page-deep: #eaf3ee;
  --line:      rgba(6, 47, 43, 0.10);
  --line-strong: rgba(6, 47, 43, 0.18);
  --text:      #0c2b27;
  --text-soft: #46625d;
  --text-faint:#73898a;

  /* Semantic: errors in movement, never used decoratively */
  --alert:      #e8694a;
  --alert-soft: #fde8e1;
  --alert-ink:  #a9391d;
  --good:       #1b8573;

  /* Night band */
  --night:        #062f2b;
  --night-raise:  #0a3b36;
  --night-line:   rgba(205, 238, 221, 0.14);
  --night-text:   #e9f6f0;
  --night-soft:   #a9c9bf;

  /* Type */
  --font-display: "Outfit", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Instrument Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-hero: clamp(2.6rem, 5vw, 4.5rem);
  --fs-h2:   clamp(2rem, 3.7vw, 3.3rem);
  --fs-h3:   1.3rem;
  --fs-lead: clamp(1.1rem, 1.5vw, 1.28rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-micro: 0.78rem;

  /* Space and shape */
  --gutter: clamp(1.25rem, 5vw, 5rem);
  --maxw: 1620px;
  --section-y: clamp(5rem, 10vw, 9rem);
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --nav-h: 72px;

  /* Elevation, tinted green so shadows never read as flat grey */
  --shadow-sm: 0 1px 2px rgba(6, 47, 43, 0.06), 0 2px 8px rgba(6, 47, 43, 0.04);
  --shadow-md: 0 2px 4px rgba(6, 47, 43, 0.05), 0 12px 32px rgba(6, 47, 43, 0.08);
  --shadow-lg: 0 4px 8px rgba(6, 47, 43, 0.05), 0 28px 64px rgba(6, 47, 43, 0.14);

  /* Motion */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-io: var(--ease-in-out);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --t-fast: 160ms;
  --t-med: 420ms;
  --t-slow: 900ms;
}