:root {
  --navy-950: #0f172a;
  --navy-900: #1e293b;
  --navy-850: #334155;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --cream: #f9f9f0;
  --cream-warm: #f9f9f0;
  --white: #ffffff;
  --neu-bg: #f9f9f0;
  --neu-surface: #ffffff;
  --neu-text: #0f172a;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --border: rgba(15, 23, 42, .1);
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-light: #fafbff;
  --shadow-dark: rgba(22, 27, 29, .23);
  --shadow-raised-sm:
    -5px -5px 10px var(--shadow-light),
    5px 5px 10px var(--shadow-dark);
  --shadow-raised:
    -10px -10px 20px var(--shadow-light),
    10px 10px 20px var(--shadow-dark);
  --shadow-raised-lg:
    -20px -20px 40px var(--shadow-light),
    20px 20px 40px var(--shadow-dark);
  --shadow-inset-sm:
    inset -5px -5px 10px var(--shadow-light),
    inset 5px 5px 10px var(--shadow-dark);
  --shadow-inset:
    inset -10px -10px 20px var(--shadow-light),
    inset 10px 10px 20px var(--shadow-dark);
  --shadow-card: var(--shadow-raised);
  --shadow-float: var(--shadow-raised);
  --content-width: 1180px;
  --font-ui: "Manrope", "Montserrat", Arial, sans-serif;
  --font-editorial: "Manrope", "Montserrat", Arial, sans-serif;
}