@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/material-symbols-outlined.woff2') format('woff2-variations');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

:root {
  /* ==========================================================================
     STITCH DESIGN TOKENS - NEURAL FORGE V7
     ========================================================================== */

  /* --- Colors --- */
  --header-height: 5.5rem;
  --surface-container: #edeeef;
  --on-primary-container: #fffbff;
  --on-tertiary-container: #f3fffc;
  --on-secondary-fixed: #410007;
  --outline-variant: #e4bebc;
  --on-background: #191c1d;
  --tertiary-fixed: #8cf4e8;
  --on-tertiary: #ffffff;
  --on-secondary: #ffffff;
  --inverse-primary: #ffb3b1;
  --surface-dim: #d9dadb;
  --on-primary: #ffffff;
  --error: #ba1a1a;
  --on-surface: #191c1d;
  --on-error: #ffffff;
  --inverse-surface: #2e3132;
  --secondary-fixed-dim: #ffb3b1;
  --tertiary-fixed-dim: #6fd8cc;
  --surface-container-lowest: #ffffff;
  --surface-tint: #bb152c;
  --primary-container: #db313f;
  --primary: #b7102a;
  --error-container: #ffdad6;
  --tertiary: #006860;
  --on-secondary-fixed-variant: #81262a;
  --on-primary-fixed: #410007;
  --on-error-container: #93000a;
  --primary-fixed: #ffdad8;
  --secondary-fixed: #ffdad8;
  --on-surface-variant: #5b403f;
  --secondary: #a03d40;
  --surface-variant: #e1e3e4;
  --on-primary-fixed-variant: #92001c;
  --background: #f8f9fa;
  --on-secondary-container: #741d22;
  --surface-container-low: #f3f4f5;
  --surface-container-high: #e7e8e9;
  --primary-fixed-dim: #ffb3b1;
  --on-tertiary-fixed: #00201d;
  --outline: #8f6f6e;
  --on-tertiary-fixed-variant: #00504a;
  --surface-container-highest: #e1e3e4;
  --surface-bright: #f8f9fa;
  --surface: #f8f9fa;
  --secondary-container: #fd8584;
  --tertiary-container: #008379;
  --inverse-on-surface: #f0f1f2;
  --dark-navy: #0a111f;

  /* --- Typography --- */
  --font-headline: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-label: 'Inter', sans-serif;

  /* --- Text Size Scale (Fluid) --- */
  --text-display-lg: clamp(3rem, 2.12rem + 3.756vw, 5.5rem);
  --text-display: clamp(2.125rem, 1.817rem + 1.314vw, 3rem);
  --text-h1: clamp(1.5rem, 1.148rem + 1.502vw, 2.5rem);
  --text-h2: clamp(1.375rem, 1.155rem + 0.939vw, 2rem);
  --text-h3: 1.25rem;
  --text-body: 1rem;

  /* --- Border Radius & Spacings --- */
  --radius-default: 0.125rem;
  --radius-lg: 0.25rem;
  --radius-xl: 0.5rem;
  --radius-full: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
}