:root {
  color-scheme: light;

  --paper: #FBFBFD;
  --mist: #ECEEF4;
  --panel: #FFFFFF;
  --ink: #1A1C28;
  --slate: #6A6E82;
  --line: #E6E8F0;
  --indigo: #0891B2;
  --ship: #1F9D72;
  --blue: #1E5CC8;
  --dark: #0C181E;

  --lagoon: linear-gradient(125deg, #0B7A58 0%, #0688A0 55%, #1E5CC8 100%);

  --font-display: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --text-display: clamp(3rem, 7vw, 4rem);
  --text-h1: clamp(2.5rem, 5vw, 3.5rem);
  --text-h2: clamp(1.75rem, 3vw, 2.25rem);
  --text-body: 1.0625rem;
  --text-mono: 0.75rem;

  --radius-card: 16px;
  --radius-control: 10px;
  --radius-pill: 999px;

  --sh-sm: 0 1px 2px rgba(26, 28, 40, 0.04), 0 12px 36px rgba(26, 28, 40, 0.06);
  --sh-md: 0 8px 30px rgba(26, 28, 40, 0.09);
  --sh-lg: 0 24px 80px rgba(26, 28, 40, 0.14);

  --ease-out-hard: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-fast: 140ms;
  --motion-base: 220ms;
}