/* ------------------------------------------------------------------ *
 * Buzzed Arts — Kura brand-kit token contract.  Direction: "Cobalt Rooms"
 * (remixed from the measured peerspace.com design system).
 * The Design tab OVERWRITES this file wholesale on every save, so it must
 * contain ONLY the canonical brand-kit token names — nothing else.
 * Mono face, layout constants and component knobs live in main.css.
 * ------------------------------------------------------------------ */
:root {
  /* colors — surface / ink / border + primary & accent families */
  --color-bg: #f4f1ea;             /* warm paper */
  --color-surface: #eae4d8;        /* faint panel one shade off bg */
  --color-fg: #0f1526;             /* deep ink */
  --color-muted: #6b6f7d;
  --color-border: #ded7c9;         /* hairline */
  --color-overlay: rgba(15, 21, 38, 0.6);
  --color-primary: #24509c;        /* cobalt — the logo paintbrush; drives the rooms */
  --color-primary-hover: #1c3f7d;
  --color-primary-fg: #ffffff;
  --color-accent: #e63a2b;         /* brush-tip red — CTAs */
  --color-accent-hover: #c72c1e;
  --color-accent-fg: #ffffff;

  /* typography — families + semantic h1/h2/h3/body scale */
  --font-heading: "Bricolage Grotesque", "Archivo", system-ui, sans-serif;
  --font-display: "Bricolage Grotesque", "Archivo", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-h1: 5.5rem;    --weight-h1: 800;  --leading-h1: 0.96;
  --text-h2: 3.5rem;    --weight-h2: 800;  --leading-h2: 1.05;
  --text-h3: 1.25rem;   --weight-h3: 700;  --leading-h3: 1.2;
  --text-body: 1rem;    --weight-body: 400; --leading-body: 1.5;
  --text-base: 1rem;

  /* spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;

  /* radius — measured reference used 2px and only 2px */
  --radius-sm: 2px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-full: 999px;

  /* buttons */
  --btn-primary-bg: #e63a2b;
  --btn-primary-fg: #ffffff;
  --btn-primary-hover-bg: #c72c1e;
  --btn-primary-radius: 2px;

  /* logo */
  --logo-url: url('/assets/img/logo.webp');
}