@font-face { font-family: 'Satoshi'; src: url('fonts/Satoshi-Variable.woff2') format('woff2'), url('fonts/Satoshi-Variable.woff') format('woff'); font-weight: 300 900; font-display: swap; font-style: normal; }
@font-face { font-family: 'Brilliant Cut'; src: url('fonts/BrilliantCutPro-Medium.woff2') format('woff2'); font-weight: 500 600; font-display: swap; }
@font-face { font-family: 'Brilliant Cut'; src: url('fonts/BrilliantCutPro-Bold.woff2') format('woff2'); font-weight: 700 800; font-display: swap; }

:root {
  --ultramarine-50: #f4f4ff; --ultramarine-100: #e8e7ff; --ultramarine-200: #d1ceff;
  --ultramarine-300: #a8a3ff; --ultramarine-400: #7770f2; --ultramarine-500: #4d43d4;
  --ultramarine-600: #2f27b7; --ultramarine-700: #1414c8; --ultramarine-800: #0b0ba5; --ultramarine-900: #060673;
  --neutral-0: #fff; --neutral-50: #f7f7fa; --neutral-100: #efeff3; --neutral-200: #dedee5;
  --neutral-400: #9999a5; --neutral-600: #5d5d68; --neutral-800: #2f2f37; --neutral-900: #17171e;
  --signal-teal: #008b78; --signal-amber: #c98200; --signal-coral: #d05a47; --signal-cyan: #0077b6;
  --color-canvas: var(--neutral-50); --color-surface: var(--neutral-0); --color-surface-subtle: var(--ultramarine-50);
  --color-text: var(--neutral-900); --color-text-muted: var(--neutral-600); --color-border: var(--neutral-200);
  --color-brand: var(--ultramarine-700); --color-brand-hover: var(--ultramarine-800); --color-on-brand: var(--neutral-0);
  --color-focus: var(--ultramarine-400); --color-positive: var(--signal-teal); --color-caution: var(--signal-amber); --color-critical: var(--signal-coral);
  --font-display: 'Brilliant Cut', 'Arial Narrow', sans-serif; --font-interface: 'Satoshi', Arial, sans-serif;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: clamp(1.125rem, 1.6vw, 1.375rem);
  --text-xl: clamp(1.5rem, 2.6vw, 2.25rem); --text-2xl: clamp(2.25rem, 5vw, 4.5rem); --text-display: clamp(3.75rem, 8.8vw, 8rem);
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-6: 1.5rem;
  --space-8: 2rem; --space-12: 3rem; --space-16: 4rem; --space-24: 6rem; --space-32: 8rem;
  --radius-sm: .25rem; --radius-md: .5rem; --radius-lg: .75rem; --shadow-raised: 0 16px 44px rgba(8, 4, 73, .09);
  --content-max: 76rem; --measure: 43rem; --duration-fast: 160ms; --duration-base: 320ms; --ease-out: cubic-bezier(.22, 1, .36, 1);
}