/* =========================================================
   ALO DOCTOR — DESIGN TOKENS (Phase 2)
   The ONLY place colours are declared in the codebase.
   Adding new palette values here is a controlled change;
   using a hex/rgba anywhere else is a lint failure.
   ========================================================= */
:root {
  /* Brand palette (locked, from CONTEXT) */
  --teal-900: #08544D;
  --teal:     #0F7F74;
  --teal-500: #16A093;

  --ink:      #0B2430;
  --cream:    #FBF7EF;
  --sand:     #F1EADD;
  --line:     #E4DBCA;
  --muted:    #6C7A80;

  /* Utility surfaces derived from the palette (opacity is not colour) */
  --white:            #FFFFFF;
  --ink-a70:          rgba(11, 36, 48, 0.70);
  --ink-a50:          rgba(11, 36, 48, 0.50);
  --ink-a18:          rgba(11, 36, 48, 0.18);
  --ink-a10:          rgba(11, 36, 48, 0.10);
  --ink-a06:          rgba(11, 36, 48, 0.06);
  --ink-shadow-lg:    0 20px 40px -25px var(--ink-a18);
  --ink-shadow-md:    0 12px 24px -12px var(--ink-a10);

  /* Amber warning (WCAG-safe pair; used only in .disclaim) */
  --amber-bg:   #FFF4E5;
  --amber-line: #F5C982;
  --amber-ink:  #8A5B00;

  /* Type scale (mobile-first — mustn't exceed) */
  --fs-h1:      27px;
  --fs-h2:      24px;
  --fs-h3:      17.5px;
  --fs-body:    14.5px;
  --fs-small:   12.5px;
  --fs-eyebrow: 11.5px;

  --lh-h:    1.5;
  --lh-h3:   1.55;
  --lh-body: 1.9;
  --lh-small:1.85;

  /* Rhythm */
  --radius-sm: 10px;
  --radius:    18px;
  --radius-lg: 24px;
  --wrap-max:  1180px;
  --gutter:    16px;

  /* WhatsApp shared constant (single source, echoed by JS) */
  --wa-number: "967771177699";
}