/* NCSIM working design tokens. Sources and status: Design system foundation.md.
   Only values read directly from explore.suny.edu or the prototype (Oct 26, 2026).
   Proposed for PruTech review; not SUNY-approved branding. */
:root {
  /* Color: explore.suny.edu */
  --color-brand: #004c93;          /* buttons, search, links */
  --color-highlight: #ffe512;      /* 5px marker bars only; decorative */
  --color-text-muted: #545454;
  --color-surface: #f5f5f5;

  /* Color: prototype */
  --color-text: #1a1918;
  --color-border: #dddddd;
  --color-bg: #ffffff;
  --color-on-brand: #ffffff;
  --color-focus: var(--color-brand);
  --color-campus-accent: var(--color-brand); /* replaced per campus when assets exist */

  /* Messages: explore.suny.edu (text on background) */
  --info-text: #31708f;    --info-bg: #d9edf7;
  --success-text: #3c763d; --success-bg: #dff0d8;
  --warning-text: #8a6d3b; --warning-bg: #fcf8e3;
  --error-text: #a94442;   --error-bg: #f2dede;

  /* Evidence labels (journey map) */
  --evidence-requirement-bg: var(--color-brand);   --evidence-requirement-text: var(--color-on-brand);
  --evidence-feedback-bg: var(--color-highlight);   --evidence-feedback-text: var(--color-text);
  --evidence-research-bg: var(--info-bg);           --evidence-research-text: var(--info-text);
  --evidence-prototype-bg: var(--color-surface);    --evidence-prototype-text: var(--color-text);
  --evidence-assumption-border: 1px dashed var(--color-text-muted);

  /* Type: prototype system stack; a licensed brand font can replace it here */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --text-sm: 0.875rem;   /* smallest allowed */
  --text-md: 1rem;       /* body */
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --leading-body: 1.5;
  --leading-heading: 1.2;
  --measure: 70ch;

  /* Space: 4px steps, matching the prototype */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius: 0.1875rem;   /* 3px, as on explore.suny.edu buttons */
  --highlight-bar: 5px solid var(--color-highlight);
  --focus-ring: 3px solid var(--color-focus);
}