:root {
  --color-paper: oklch(96% 0.012 88);
  --color-paper-soft: oklch(93% 0.016 86);
  --color-paper-strong: oklch(89% 0.022 82);
  --color-ink: oklch(19% 0.012 75);
  --color-ink-soft: oklch(47% 0.014 74);
  --color-night: oklch(16% 0.012 72);
  --color-night-soft: oklch(23% 0.014 72);
  --color-on-night: oklch(96% 0.01 88);
  --color-header-metal: oklch(78% 0.008 95);
  --color-accent: oklch(67% 0.088 72);
  --color-accent-strong: oklch(57% 0.1 69);
  --color-success: oklch(66% 0.12 135);
  --color-line: oklch(77% 0.018 80 / 0.72);
  --color-line-dark: oklch(82% 0.012 82 / 0.24);
  --color-overlay: oklch(8% 0.01 70 / 0.62);
  --color-shadow: oklch(10% 0.014 70 / 0.2);

  --font-display: "Google Sans", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --text-display: clamp(3.25rem, 7vw, 7.5rem);
  --text-h2: clamp(2.2rem, 4.6vw, 5.25rem);
  --text-h3: clamp(1.2rem, 1.8vw, 1.75rem);
  --text-body: clamp(1rem, 1.1vw, 1.15rem);
  --text-small: 0.88rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4.5rem, 8vw, 8rem);

  --radius-small: 0.25rem;
  --radius-action: 0.75rem;
  --radius-card: 1rem;
  --dur-fast: 160ms;
  --dur-medium: 260ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-action: 0 0.45rem 1rem var(--color-shadow);
  --shadow-action-hover: 0 0.7rem 1.6rem var(--color-shadow);
}