:root {
  --font-body: 'Krub', system-ui, sans-serif;
  --font-display: 'Ovo', Georgia, serif;
  --font-condensed: 'Antonio', system-ui, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, monospace;

  --black: #080808;
  --grey-100: #eceae6;
  --grey-200: #c8c5bf;
  --grey-300: #9a9690;
  --grey-400: #6e6b66;
  --beige: #c9b59a;
  --brown: #8a7358;
  --brown-deep: #5c4a38;

  --bg: var(--black);
  --bg-elevated: #111110;
  --bg-panel: #0e0e0e;
  --line: rgba(201, 181, 154, 0.16);
  --line-strong: rgba(201, 181, 154, 0.34);

  --ink: var(--grey-100);
  --ink-soft: var(--grey-200);
  --ink-muted: var(--grey-300);

  --accent: #9ed4e8;
  --accent-mid: #b8a8e8;
  --accent-glow: rgba(158, 212, 232, 0.35);
  --accent-gradient: linear-gradient(118deg, #9ed4e8 0%, #c4b8f0 48%, #e8c8b8 100%);

  --chroma-leak-r: rgba(255, 108, 158, 0.58);
  --chroma-leak-b: rgba(96, 212, 255, 0.58);
  --chroma-leak-r-soft: rgba(255, 108, 158, 0.42);
  --chroma-leak-b-soft: rgba(96, 212, 255, 0.42);
  --chroma-violet: rgba(196, 168, 255, 0.45);
  --chroma-lime: rgba(130, 255, 190, 0.35);
  --chroma-gradient: linear-gradient(
    108deg,
    #ff6b9d 0%,
    #9ed4e8 18%,
    #c8b0ff 38%,
    #7dffb3 56%,
    #ffe08a 74%,
    #ff8ac4 100%
  );

  --shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.55);
  --radius: 0;
  --radius-input: 2px;
  --radius-pill: 999px;

  --wrap: min(80rem, calc(100% - 3rem));
  --wrap-narrow: min(38rem, calc(100% - 3rem));
  --header-h: 2.85rem;
  --logo-skew-splash: 0deg;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 4.5rem;
  --space-2xl: 6.5rem;
}