/* ============================================================
   SI 658 W27 — Design tokens (Direction: Wayfinding)
   U-M Maize & Blue · Atkinson Hyperlegible Next / Mono
   All text-color pairs meet WCAG 2.2 AA (≥4.5:1); most meet AAA.
   ============================================================ */

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/atkinson-hyperlegible-next-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/atkinson-hyperlegible-next-latin-wght-italic.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("../fonts/atkinson-hyperlegible-mono-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Metric-tuned fallback: if Atkinson ever paints late, Arial renders at
   matched proportions so the swap doesn't shift the layout. */
@font-face {
  font-family: "Atkinson Fallback";
  src: local("Arial");
  size-adjust: 104%;
  ascent-override: 96%;
  descent-override: 24%;
  line-gap-override: 0%;
}

:root {
  /* U-M anchors */
  --blue: #00274C;        /* U-M Blue */
  --maize: #FFCB05;       /* U-M Maize */

  /* Derived */
  --blue-deep: #001A33;
  --blue-secondary: #335270;  /* secondary text on light — 7:1 on --bg */
  --blue-15: #D9E0E7;         /* light blue surface / rules */
  --bg: #F2F1EE;              /* app background */
  --white: #FFFFFF;
  --paper-on-blue: #E9EEF3;   /* body text on blue — >12:1 */

  /* U-M secondary palette (brand.umich.edu/design-resources/colors) */
  --umma-tan: #CFC096;        /* approved bg for Blue text */
  --arboretum: #2F65A7;       /* approved bg for White text */

  /* Module identities (decorative chips; never sole carrier of meaning) */
  --m0: #9BA6B0;   /* intro: neutral */
  --m1: #FFCB05;   /* Buildings: maize */
  --m2: #E7A800;   /* Things: deep maize */
  --m3: #5E7C9B;   /* Worlds: mid blue */
  --m4: #00274C;   /* Experiences: full blue */

  /* Type */
  --sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Atkinson Fallback", Arial, sans-serif;
  --mono: "Atkinson Hyperlegible Mono", ui-monospace, monospace;
  --text-base: 1.0625rem;    /* 17px body floor */

  /* Focus */
  --focus-on-light: 3px solid var(--blue);
  --focus-on-blue: 3px solid var(--maize);

  /* Rhythm */
  --radius: 2px;
  --maxw: 1100px;
}

/* Motion: nothing essential moves; respect the preference anyway */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}