/* MSCCA Design System — generated from tokens.json */
:root, [data-theme="default"] {
  --green-900: #0f2118;
  --green-800: #16301f;
  --green-700: #1f3d2b;
  --green-600: #2c5238;
  --green-500: #3e6c4a;
  --green-200: #a8c0ac;
  --green-100: #dce7dc;
  --green-50: #eef3ec;
  --indigo-800: #1b2436;
  --indigo-700: #2e3a59;
  --indigo-500: #4a5878;
  --indigo-100: #d9dee9;
  --wheat-700: #8a5c15;
  --wheat-600: #b07a2b;
  --wheat-500: #c99a4a;
  --wheat-200: #ebd8b4;
  --wheat-100: #f6ebd6;
  --oxblood-700: #6b1f24;
  --oxblood-500: #93353b;
  --oxblood-100: #f0ddde;
  --ink-900: #14170f;
  --ink-700: #33372c;
  --ink-500: #5b6055;
  --ink-400: #7c8176;
  --ink-300: #a9aea2;
  --parchment-100: #fffdf8;
  --parchment-200: #f7f2e7;
  --parchment-300: #efe8d8;
  --parchment-400: #e2d9c4;
  --white: #ffffff;
  --text-body: var(--ink-900);
  --text-muted: var(--ink-500);
  --text-subtle: var(--ink-400);
  --text-heading: var(--green-700);
  --text-inverse: var(--parchment-200);
  --text-link: var(--green-600);
  --text-link-hover: var(--wheat-700);
  --surface-page: var(--parchment-200);
  --surface-card: var(--parchment-100);
  --surface-sunken: var(--parchment-300);
  --surface-inverse: var(--green-700);
  --surface-inverse-deep: var(--green-900);
  --surface-accent: var(--wheat-100);
  --border-hairline: var(--parchment-400);
  --border-strong: var(--ink-300);
  --border-inverse: rgba(255,253,248,.28);
  --rule-accent: var(--wheat-600);
  --action-primary: var(--green-700);
  --action-primary-hover: var(--green-800);
  --action-primary-active: var(--green-900);
  --action-secondary: var(--wheat-600);
  --action-secondary-hover: var(--wheat-700);
  --focus-ring: var(--wheat-600);
  --status-success: var(--green-600);
  --status-success-bg: var(--green-50);
  --status-warning: var(--wheat-700);
  --status-warning-bg: var(--wheat-100);
  --status-danger: var(--oxblood-700);
  --status-danger-bg: var(--oxblood-100);
  --status-info: var(--indigo-700);
  --status-info-bg: var(--indigo-100);
  --shadow-none: none;
  --shadow-hairline: 0 1px 0 rgba(20,23,15,.06);
  --shadow-card: 0 1px 2px rgba(20,23,15,.06),0 2px 8px rgba(20,23,15,.05);
  --shadow-raised: 0 2px 4px rgba(20,23,15,.07),0 8px 20px rgba(20,23,15,.08);
  --shadow-overlay: 0 12px 40px rgba(20,23,15,.20);
  --shadow-inset-rule: inset 0 -1px 0 #e2d9c4;
  --ring-focus: 0 0 0 3px rgba(176,122,43,.35);
}
:root {
  --size-display-1: 64px;
  --size-display-2: 48px;
  --size-h1: 38px;
  --size-h2: 30px;
  --size-h3: 24px;
  --size-h4: 20px;
  --size-body-lg: 19px;
  --size-body: 17px;
  --size-body-sm: 15px;
  --size-label: 13px;
  --size-caption: 12px;
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 96px;
  --space-11: 128px;
  --gutter: 24px;
  --page-padding: 32px;
  --section-gap: 96px;
  --container-max: 1200px;
  --container-prose: 720px;
  --control-h-sm: 32px;
  --control-h-md: 40px;
  --control-h-lg: 48px;
  --border-width: 1px;
  --border-width-thick: 2px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --ease-standard: cubic-bezier(.2,0,.2,1);
  --ease-entrance: cubic-bezier(0,0,.2,1);
  --ease-exit: cubic-bezier(.4,0,1,1);
  --dur-instant: 80ms;
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 400ms;
  --leading-tight: 1.08;
  --leading-snug: 1.24;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --tracking-display: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-eyebrow: 0.16em;
  --scrim-photo: linear-gradient(180deg,rgba(15,33,24,0) 0%,rgba(15,33,24,.72) 100%);
  --texture-paper: radial-gradient(circle at 20% 10%,rgba(176,122,43,.05),transparent 60%);
  --transition-control: background-color 140ms cubic-bezier(.2,0,.2,1),color 140ms cubic-bezier(.2,0,.2,1),border-color 140ms cubic-bezier(.2,0,.2,1),box-shadow 140ms cubic-bezier(.2,0,.2,1);
  --font-display: "Spectral",Georgia,"Times New Roman",serif;
  --font-body: "Newsreader",Georgia,serif;
  --font-ui: "Archivo","Helvetica Neue",Arial,sans-serif;
  --font-mono: "IBM Plex Mono",ui-monospace,monospace;
  --font-type-display: 400 64px/1.08 "Spectral",Georgia,"Times New Roman",serif;
  --font-type-h1: 400 38px/1.24 "Spectral",Georgia,"Times New Roman",serif;
  --font-type-h2: 400 30px/1.24 "Spectral",Georgia,"Times New Roman",serif;
  --font-type-h3: 500 24px/1.24 "Spectral",Georgia,"Times New Roman",serif;
  --font-type-body: 400 17px/1.65 "Newsreader",Georgia,serif;
  --font-type-lede: 400 19px/1.65 "Newsreader",Georgia,serif;
  --font-type-ui: 500 15px/1.3 "Archivo","Helvetica Neue",Arial,sans-serif;
  --font-type-eyebrow: 600 13px/1.2 "Archivo","Helvetica Neue",Arial,sans-serif;
}