/* ============================================================================
   Aqua Desert — Brand Kit token contract.
   These are the ONLY tokens Kura's Design tab writes; it OVERWRITES this file
   wholesale on every brand-kit save. Keep ONLY the contract names here.
   Layout/structural variables live in main.css (which Kura never touches).
   ============================================================================ */
:root {
  /* colors — surface / ink / border + primary & accent families */
  --color-bg: #ffffff;                     /* page background */
  --color-surface: #f5f0e8;                /* warm travertine panel surface */
  --color-fg: #14262c;                     /* deep slate ink (body text) */
  --color-muted: #5d6f76;                  /* secondary text */
  --color-border: #e6ddce;                 /* hairlines */
  --color-overlay: rgba(9, 24, 28, 0.55);  /* scrims over imagery */
  --color-primary: #0f6e7e;                /* deep aqua-teal (water) */
  --color-primary-hover: #0a5361;          /* darker teal */
  --color-primary-fg: #ffffff;             /* text on primary */
  --color-accent: #b57e3c;                 /* desert bronze-gold */
  --color-accent-hover: #98682f;           /* darker bronze */
  --color-accent-fg: #ffffff;              /* text on accent */

  /* typography — families + semantic h1/h2/h3/body scale */
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --text-h1: 4rem;      --weight-h1: 600;  --leading-h1: 1.05;
  --text-h2: 2.6rem;    --weight-h2: 600;  --leading-h2: 1.14;
  --text-h3: 1.35rem;   --weight-h3: 600;  --leading-h3: 1.3;
  --text-body: 1.0625rem; --weight-body: 400; --leading-body: 1.7;
  --text-base: 1.0625rem;

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

  /* radius */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* buttons */
  --btn-primary-bg: #0f6e7e;
  --btn-primary-fg: #ffffff;
  --btn-primary-hover-bg: #0a5361;
  --btn-primary-radius: 999px;

  /* logo (wordmark brand — no image mark) */
  --logo-url: none;
}