/* Kura brand-kit token contract.
 *
 * IMPORTANT: Kura's Design tab OVERWRITES this file wholesale on every save.
 * It writes ONLY the token names below — do not add layout constants or one-off
 * vars here (they'd be erased). Put those in src/styles/global.css instead.
 *
 * Lives in public/ so it ships to dist/styles/tokens.css at a stable, unhashed
 * path that Kura's Design tab can target after import. Base.astro links it.
 *
 * Values below are on-brand placeholder defaults; the first brand-kit save
 * replaces them all. */
:root {
  /* colors — surface/ink/border + primary & accent families */
  --color-bg: #ffffff;
  --color-surface: #f2f6fb;
  --color-fg: #10151c;
  --color-muted: #5a6675;
  --color-border: #dce4ee;
  --color-overlay: rgba(9, 20, 35, 0.5);
  --color-primary: #0a4d8c;
  --color-primary-hover: #083c6e;
  --color-primary-fg: #ffffff;
  --color-accent: #12a3c8;
  --color-accent-hover: #0d84a3;
  --color-accent-fg: #ffffff;

  /* typography — families + a semantic h1/h2/h3/body scale */
  --font-heading: "Bricolage Grotesque", system-ui, sans-serif;
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --text-h1: 3.5rem;    --weight-h1: 700;  --leading-h1: 1.1;
  --text-h2: 2.5rem;    --weight-h2: 700;  --leading-h2: 1.15;
  --text-h3: 1.5rem;    --weight-h3: 600;  --leading-h3: 1.3;
  --text-body: 1.125rem; --weight-body: 400; --leading-body: 1.6;
  --text-base: 1.125rem;

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

  /* radius */
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* buttons */
  --btn-primary-bg: #0a4d8c;
  --btn-primary-fg: #ffffff;
  --btn-primary-hover-bg: #083c6e;
  --btn-primary-radius: 8px;

  /* logo */
  --logo-url: none;
}