:root {
  color-scheme: dark;

  --brand-black: #000000;
  --brand-brown: #675d55;
  --brand-olive: #939b79;
  --brand-white: #ffffff;

  --color-background: var(--brand-black);
  --color-primary: var(--brand-olive);
  --color-secondary: var(--brand-brown);
  --color-text: var(--brand-white);

  --color-ink: var(--brand-black);
  --color-ink-deep: #000000;
  --color-surface: #111516;
  --color-surface-raised: #191e1d;
  --color-surface-soft: #232725;
  --color-paper: var(--brand-white);
  --color-paper-muted: #e1e3dc;
  --color-text-muted: #b9bcb2;
  --color-text-on-light: #4e504c;
  --color-text-on-light-strong: #30322f;
  --color-accent: var(--brand-olive);
  --color-accent-light: #b8bea4;
  --color-accent-dark: #687052;
  --color-line: rgba(255, 255, 255, 0.15);
  --color-line-strong: rgba(255, 255, 255, 0.28);
  --color-line-dark: rgba(0, 0, 0, 0.15);
  --color-glass: rgba(17, 21, 22, 0.82);
  --color-glass-soft: rgba(0, 0, 0, 0.28);
  --color-focus: #cbd0b8;

  --font-display: "Bubbles & Thunder", "Poppins", "Arial Narrow", sans-serif;
  --font-body: "Poppins", "Segoe UI", sans-serif;

  --text-xs: 0.72rem;
  --text-sm: 0.84rem;
  --text-base: 1rem;
  --text-md: clamp(1.04rem, 1.2vw, 1.16rem);
  --text-lg: clamp(1.22rem, 1.8vw, 1.55rem);
  --text-xl: clamp(2.35rem, 5vw, 4.8rem);

  --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-9: 6rem;
  --space-10: 8rem;
  --section-space: clamp(5.5rem, 10vw, 9rem);

  --radius-xs: 0.2rem;
  --radius-sm: 0.45rem;
  --radius-md: 0.75rem;
  --radius-round: 999px;

  --shadow-soft: 0 1.5rem 4.5rem rgba(0, 0, 0, 0.3);
  --shadow-cover: 0 2.4rem 6rem rgba(0, 0, 0, 0.42);

  --container: 78rem;
  --container-gutter: clamp(1.25rem, 4vw, 3.25rem);
  --header-height: 5rem;
  --transition-fast: 180ms ease;
  --transition-base: 360ms cubic-bezier(0.22, 1, 0.36, 1);
}