/*
  METASYS 2026 / AuthKit-inspired design tokens
  Source: user-supplied DESIGN.md, tokens.json, variables.css, theme.css.
  Normalized for vanilla CSS (Tailwind @theme syntax isn't used on Cloudflare Pages).
  Steel Plate #2f343e resolves a malformed shortened value in the source surface alias.
  The proprietary typefaces are NOT bundled; installed/system/hosted substitutes render.
*/
:root {
  --color-midnight-canvas:#05060f;
  --color-steel-plate:#2f343e;
  --color-fog-veil:#9da7ba;
  --color-moon-mist:#c7d3ea;
  --color-frost-glow:#d1e4fa;
  --color-ice-highlight:#d8ecf8;
  --gradient-ice-highlight:linear-gradient(0deg,#d8ecf8 0%,#98c0ef 100%);
  --color-pure-white:#fff;
  --color-void-violet:#663af3;
  --color-blueprint-blue:#b6d9fc;
  --color-ember-glow:#e46d4c;
  --color-signal-blue:#027dea;
  --color-deep-teal:#269684;
  --color-gridline-blue:#3f4959;
  --color-glass-edge:#bad7f71f;
  --color-luminous-fill:#c7d3ea1f;

  --font-untitled-sans:'Untitled Sans','Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-aeonikpro:'aeonikPro','Space Grotesk','Inter',ui-sans-serif,system-ui,sans-serif;
  --font-dotdigital:'dotDigital','JetBrains Mono',ui-monospace,monospace;
  --text-caption:12px;--leading-caption:1.33;
  --text-body-sm:14px;--leading-body-sm:1.43;
  --text-body:16px;--leading-body:1.5;
  --text-subheading:18px;--leading-subheading:1.33;
  --text-heading-sm:24px;--leading-heading-sm:1.17;
  --text-heading:28px;--leading-heading:1.14;
  --text-heading-lg:44px;--leading-heading-lg:1.16;
  --text-display:48px;--leading-display:1.17;
  --font-weight-regular:400;--font-weight-medium:500;
  --font-weight-semibold:600;--font-weight-bold:700;
  --spacing-unit:4px;--spacing-4:4px;--spacing-8:8px;
  --spacing-12:12px;--spacing-16:16px;--spacing-20:20px;
  --spacing-24:24px;--spacing-32:32px;--spacing-36:36px;
  --spacing-40:40px;--spacing-48:48px;--spacing-56:56px;
  --spacing-100:100px;--spacing-120:120px;--spacing-200:200px;
  --page-max-width:1200px;--section-gap:120px;
  --card-padding:24px;--element-gap:16px;
  --radius-ui:12px;
  --radius-sm:var(--radius-ui);--radius-md:var(--radius-ui);--radius-lg:var(--radius-ui);
  --radius-2xl:var(--radius-ui);--radius-3xl:var(--radius-ui);--radius-full:var(--radius-ui);
  --radius-cards:var(--radius-ui);--radius-badges:var(--radius-ui);
  --radius-inputs:var(--radius-ui);--radius-modals:var(--radius-ui);
  --radius-buttons:var(--radius-ui);--radius-iconcontainers:9999px;
  --shadow-sm:0 0 6px rgba(186,207,247,.32);
  --shadow-md:0 0 12px rgba(238,186,247,.24);
  --shadow-subtle:inset 0 0 0 1px rgba(186,215,247,.12);
  --shadow-subtle-4:inset 0 1px 1px rgba(199,211,234,.12),inset 0 24px 48px rgba(199,211,234,.05),0 24px 32px rgba(6,6,14,.7);
  --shadow-subtle-6:inset 0 1px 1px rgba(216,236,248,.2),inset 0 24px 48px rgba(168,216,245,.06),0 16px 32px rgba(0,0,0,.3);
  --surface-midnight-canvas:#05060f;
  --surface-steel-plate:#2f343e;
  --surface-frosted-glass:rgba(186,214,247,.03);
  --surface-deep-glass:rgba(5,6,15,.97);

  /* Compatibility with preexisting METASYS components. */
  --bg:var(--color-midnight-canvas);
  --panel:rgba(186,214,247,.045);
  --panel2:rgba(5,6,15,.95);
  --ink:var(--color-frost-glow);
  --text:var(--color-frost-glow);
  --dim:var(--color-moon-mist);
  --muted:var(--color-fog-veil);
  --line:rgba(186,215,247,.12);
  --line2:rgba(186,215,247,.20);
  --blue:#a8cbf4;
  --blue-hover:#d8ecf8;
  --page:var(--page-max-width);
  --font:var(--font-untitled-sans);
}