:root {
  --color-background: #F9F7F3;
  --color-surface: #ECE7DF;
  --color-line: #D9D7D3;
  --color-text: #14151A;
  --color-muted: #505052;
  --color-primary: #3B29FF;
  --color-secondary: #14151A;
  --color-accent: #3B29FF;
  --color-inverse-background: #14151A;
  --color-inverse-surface: #22232A;
  --color-inverse-text: #F9F7F3;
  --font-heading-family: Schibsted Grotesk;
  --font-heading-weight: 500;
  --font-heading-tracking: -0.035em;
  --font-heading-leading: 1.04;
  --font-body-family: Schibsted Grotesk;
  --font-body-weight: 400;
  --font-body-strong: 500;
  --font-body-leading: 1.55;
  --font-detail-family: Geist Mono;
  --font-detail-weight: 400;
  --font-detail-tracking: 0.04em;
  --font-detail-leading: 1;
  --font-size-sm: 0.875rem;
  --font-size-base: 1.0625rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 22px;
  --font-size-2xl: 28px;
  --font-size-3xl: 36px;
  --font-size-4xl: clamp(32px, 3.4vw, 48px);
  --font-size-5xl: clamp(40px, 5.4vw, 76px);
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4.5rem;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-control: 999px;
  --radius-card: 16px;
  --radius-media: 16px;
  --depth: lines;
  --layout-width: 1320px;
  --layout-gutter: 60px;
  --layout-gap: 24px;
  --layout-section: 112px;
  --layout-inset: 24px;
  --layout-head: split;
  --layout-rule: 1px;
  --layout-header: line;
  --layout-menu: mega;
  --image-filter: none;
  --image-ratio-hero: 16/7;
  --image-ratio-card: 4/3;
  --image-ratio-thumb: 4/3;
  --motion-duration-fast: 150ms;
  --motion-duration-base: 300ms;
  --motion-duration-slow: 600ms;
  --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}