/* ============================================================
   Mindful Innovations Digital — design tokens
   Source: ProjectMIND Design Build-Out Spec §10 (July 2026)
   All color pairs verified ≥4.5:1 normal text / ≥3:1 large+UI.
   ============================================================ */

/* ---- Self-hosted fonts (no third-party font CDN) ---- */
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/poppins-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/poppins-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/poppins-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/poppins-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-latin-700-normal.woff2') format('woff2')}

:root{
  /* Brand */
  --sage:#3F7D78;   --sage-d:#2C5B57;   --sage-l:#E5F0EE;
  --coral:#E8896B;  --coral-d:#A03F28;  --coral-l:#FBE9E2;
  --sun:#F2B544;    --sun-l:#FDF2D8;    --sun-tx:#7A5510;
  /* Neutrals */
  --cream:#FAF7F1;  --card:#FFFFFF;     --line:#E6DED2;
  --ink:#22312F;    --muted:#556862;
  /* Semantic */
  --surface:var(--cream);
  --surface-raised:var(--card);
  --border:var(--line);
  --text:var(--ink);
  --text-muted:var(--muted);
  --success:#1C6B3F; --success-bg:#DCEFE2;
  --warning:#8A5A12; --warning-bg:#FBECD0;
  --danger:#A5341F;  --danger-bg:#FBE0DA;
  --focus-ring:#1F6F68;
  /* Buttons (bg / text) — all AA */
  --btn-primary-bg:#2C5B57; --btn-primary-tx:#FFFFFF;   /* 7.7:1 */
  --btn-accent-bg:#F2B544;  --btn-accent-tx:#3B2A06;
  --link:#2C5B57; --link-hover:#1F4A46;
  /* Type */
  --font-display:'Poppins','Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* Spacing (4-pt) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  /* Radius, elevation, motion */
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(34,49,47,.05);
  --shadow-2:0 6px 22px rgba(34,49,47,.07);
  --shadow-3:0 8px 26px rgba(34,49,47,.10);
  --dur-fast:120ms; --dur:200ms; --ease:cubic-bezier(.2,.7,.2,1);
  /* Layout */
  --max-w:1120px; --gutter:var(--s5);
}

/* ---- Low-stimulation mode (accessibility differentiator) ---- */
[data-mode="calm"]{
  --sage:#5B837F;  --coral:#C99B8C;  --sun:#D9BE8C;
  --coral-l:#F4EDE9; --sage-l:#EBF0EF; --sun-l:#F6F0E2;
  --shadow-2:var(--shadow-1); --shadow-3:var(--shadow-1);
  --dur-fast:0ms; --dur:0ms;
}
[data-mode="calm"] body{line-height:1.75}
[data-mode="calm"] .decor{display:none !important}