/* MUI GO 2.0 — Semantic aliases & systems
   Adds convenience aliases on top of fig-tokens.css:
   - px-unit spacing/radius helpers (fig floats are unitless)
   - the Material elevation shadow scale (not stored as Figma variables)
   - typography role shorthands
   Reference these from components for readable, brand-correct styling. */

:root {
  /* ---- Canonical default-theme primary (as used across the file's
     component instances — blue-700 #1976D2, not the token default blue-500).
     Pinned here so authored components match the source renders. ---- */
  --primary-main: #1976d2;
  --primary-light: #42a5f5;
  --primary-dark: #1565c0;
  --primary-contrast: #ffffff;

  /* ---- Font families ---- */
  --font-sans: "Roboto", "Helvetica", "Arial", sans-serif;
  --font-annotation: "Inter", "Roboto", sans-serif;
  --font-mono: "Roboto Mono", "SFMono-Regular", Menlo, monospace;

  /* ---- Spacing (MUI 8px base; fig `--1`..`--12` are 8..96 unitless) ---- */
  --space-0: 0px;
  --space-0-5: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;

  /* ---- Shape ---- */
  --radius: 4px;      /* fig --borderradius */
  --radius-sm: 4px;
  --radius-lg: 8px;
  --radius-pill: 100px;
  --radius-none: 0px;

  /* ---- Type scale (Material typography roles, px + line-height) ---- */
  --h1-size: 96px;   --h1-weight: 300; --h1-lh: 1.167 /* @kind font */; --h1-ls: -1.5px;
  --h2-size: 60px;   --h2-weight: 300; --h2-lh: 1.2 /* @kind font */;   --h2-ls: -0.5px;
  --h3-size: 48px;   --h3-weight: 400; --h3-lh: 1.167 /* @kind font */; --h3-ls: 0px;
  --h4-size: 34px;   --h4-weight: 400; --h4-lh: 1.235 /* @kind font */; --h4-ls: 0.25px;
  --h5-size: 24px;   --h5-weight: 400; --h5-lh: 1.334 /* @kind font */; --h5-ls: 0px;
  --h6-size: 20px;   --h6-weight: 500; --h6-lh: 1.6 /* @kind font */;   --h6-ls: 0.15px;
  --subtitle1-size: 16px; --subtitle1-weight: 400; --subtitle1-lh: 1.75 /* @kind font */;  --subtitle1-ls: 0.15px;
  --subtitle2-size: 14px; --subtitle2-weight: 500; --subtitle2-lh: 1.57 /* @kind font */;  --subtitle2-ls: 0.1px;
  --body1-size: 16px; --body1-weight: 400; --body1-lh: 1.5 /* @kind font */;  --body1-ls: 0.15px;
  --body2-size: 14px; --body2-weight: 400; --body2-lh: 1.43 /* @kind font */; --body2-ls: 0.17px;
  --button-size: 14px; --button-weight: 500; --button-lh: 1.75 /* @kind font */; --button-ls: 0.4px;
  --caption-size: 12px; --caption-weight: 400; --caption-lh: 1.66 /* @kind font */; --caption-ls: 0.4px;
  --overline-size: 12px; --overline-weight: 400; --overline-lh: 2.66 /* @kind font */; --overline-ls: 1px;

  /* ---- Material elevation shadows (umbra / penumbra / ambient) ---- */
  --shadow-0: none;
  --shadow-1: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
  --shadow-2: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
  --shadow-3: 0px 3px 3px -2px rgba(0,0,0,0.2), 0px 3px 4px 0px rgba(0,0,0,0.14), 0px 1px 8px 0px rgba(0,0,0,0.12);
  --shadow-4: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
  --shadow-6: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);
  --shadow-8: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
  --shadow-12: 0px 7px 8px -4px rgba(0,0,0,0.2), 0px 12px 17px 2px rgba(0,0,0,0.14), 0px 5px 22px 4px rgba(0,0,0,0.12);
  --shadow-16: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);
  --shadow-24: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12);

  /* ---- Transitions (Material standard easing) ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-decelerate: cubic-bezier(0.0, 0, 0.2, 1); /* @kind other */
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-short: 200ms; /* @kind other */
  --dur-standard: 300ms; /* @kind other */
}