/* DO NOT EDIT. Transpiled from canonic-magic/SURFACE/CANON.md § Design Tokens by TOOLCHAIN/design-adaptor. */
/* DESIGN_BACKPROPS_NATIVE_TO_WEB — web is a TRANSPILED projection of the
   native § Design Tokens SOT; never hand-authored. */

:root {
  /* type — native: SF / .font(.system) text styles (Dynamic Type)  ·  source: the token SOT */
  /* color — native: semantic Color (.primary, .accentColor, asset catalog)  ·  source: the token SOT */
  /* spacing — native: Apple HIG layout ladders (.padding, default metrics)  ·  source: the token SOT */
  /* score color — native: the § Tier Palette (MAGIC/DESIGN)  ·  source: MAGIC/DESIGN § Tier Palette */

  /* type — -apple-system / SF stack (Dynamic Type's web mirror) */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Monaco, monospace;
  --text-body: 1rem;
  --text-headline: 1.25rem;
  --text-caption: 0.75rem;

  /* color — semantic system colors (dynamic / dark-mode aware) */
  --color-primary: light-dark(#1d1d1f, #f5f5f7);
  --color-secondary: light-dark(#6e6e73, #a1a1a6);
  --color-accent: #2997ff;

  /* spacing — rem ladder (mirror of the HIG pt ladder) */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  /* score color — MAGIC-255 ring tint, from MAGIC/DESIGN § Tier Palette */
  --tier-none: #ff453a;  /* unstarted */
  --tier-community: #fbbf24;  /* seeded */
  --tier-business: #ff9f0a;  /* working */
  --tier-enterprise: #bf5af2;  /* operational */
  --tier-agent: #2997ff;  /* learning */
  --tier-full: #00ff88;  /* complete */
}