:root {
  --color-brand-glass: #18244C;
  --color-brand-sunset: #F16449;
  --color-brand-linen: #F8F2E4;
  --color-brand-black: #231F20;
  --color-brand-white: #FFFFFF;

  --color-brand-glass-80: #474F70;
  --color-brand-glass-60: #747994;
  --color-brand-glass-40: #A2A5B7;
  --color-brand-sunset-80: #F4836D;
  --color-brand-sunset-60: #F7A291;
  --color-brand-sunset-40: #FAC1B6;
  --color-brand-linen-80: #F9F4EA;
  --color-brand-linen-60: #FBF7EE;
  --color-brand-linen-40: #FCFAF5;

  --color-text-primary: var(--color-brand-glass);
  --color-text-muted: var(--color-brand-glass-60);
  --color-text-soft: var(--color-brand-glass-40);
  --color-text-on-glass: var(--color-brand-linen);
  --color-text-on-sunset: var(--color-brand-white);
  --color-bg-surface: var(--color-brand-white);
  --color-bg-surface-alt: var(--color-brand-linen-60);
  --color-bg-shell: var(--color-brand-linen);
  --color-bg-inverse: var(--color-brand-glass);
  --color-action-primary: var(--color-brand-sunset);
  --color-action-primary-hover: color-mix(in srgb, var(--color-brand-sunset) 86%, var(--color-brand-black));
  --color-border-subtle: color-mix(in srgb, var(--color-brand-linen) 82%, var(--color-brand-glass));
  --color-border-strong: color-mix(in srgb, var(--color-brand-linen) 68%, var(--color-brand-glass));
  --color-focus-ring: var(--color-brand-sunset);

  --font-family-sans: "cy-text", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-family-display: var(--font-family-sans);
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --font-size-0: clamp(0.75rem, 0.72rem + 0.05vw, 0.8125rem);
  --font-size-1: clamp(0.875rem, 0.84rem + 0.1vw, 0.9375rem);
  --font-size-2: clamp(1rem, 0.95rem + 0.15vw, 1.0625rem);
  --font-size-3: clamp(1.25rem, 1.15rem + 0.25vw, 1.375rem);
  --font-size-4: clamp(1.5rem, 1.35rem + 0.45vw, 1.75rem);
  --font-size-5: clamp(1.875rem, 1.6rem + 0.8vw, 2.25rem);
  --font-size-6: clamp(2.375rem, 2rem + 1.4vw, 3rem);

  --line-height-tight: 1.12;
  --line-height-snug: 1.25;
  --line-height-normal: 1.45;
  --line-height-relaxed: 1.6;
  --letter-spacing-normal: 0;
  --letter-spacing-label: 0.02em;
  --letter-spacing-eyebrow: 0.14em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;

  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-pill: 999px;

  --shadow-0: none;
  --shadow-1: 0 1px 2px color-mix(in srgb, var(--color-brand-glass) 12%, transparent);
  --shadow-2: 0 0.25rem 0.75rem color-mix(in srgb, var(--color-brand-glass) 13%, transparent);
  --shadow-3: 0 0.75rem 1.75rem color-mix(in srgb, var(--color-brand-glass) 15%, transparent);

  --breakpoint-sm: 37.5rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 80rem;
  --breakpoint-xl: 100rem;

  --z-base: 1;
  --z-nav: 20;
  --z-overlay: 40;
  --z-modal: 60;
}