/* ============================================================
   Rekados' La Casa of Catering — Brand Tokens v1 · generated by Kita
   Single source of truth: the site, admin, and every future
   asset must consume these variables. Edit here, not downstream.
   Sources: logo wordmark (warm charcoal ink + bronze-gold arch/
   subtext), gold chargers/candlesticks/cutlery recurring across
   every event photo, warm ivory linens, dusty blush from the
   chandelier-tent reception, deep olive garden foliage.
   ============================================================ */
:root {
  /* Color — core */
  --rk-bg:      #F7F2EA;  /* warm ivory — linens, backdrops, default page bg */
  --rk-surface: #FFFFFF;  /* cards, frames */
  --rk-ink:     #3A362F;  /* warm charcoal — body text, headings */
  --rk-muted:   #6C6C6C;  /* logo wordmark gray — secondary text */
  --rk-line:    #E6DDCC;  /* borders, dividers */

  /* Color — signature (from the logo AND every table they set) */
  --rk-gold:      #8A5A26;  /* primary — bronze-gold arch/subtext + chargers/cutlery */
  --rk-gold-deep: #6B4419;  /* pressed/hover state, deeper shadow gold */
  --rk-gold-soft: #C9A876;  /* light tint — highlights, thin rules */
  --rk-blush:     #B89080;  /* dusty rose — chandelier-tent reception accent */
  --rk-olive:     #404828;  /* deep garden green — foliage accent */

  /* Semantic */
  --rk-success: #4B6B3A;
  --rk-warn:    #B7791F;
  --rk-error:   #A33B2E;

  /* Typography */
  --rk-font-display: "Cormorant Garamond", Georgia, serif; /* echoes logo's thin serif */
  --rk-font-body:    "Jost", system-ui, sans-serif;         /* clean, modern body */
  /* Scale (px @ desktop) */
  --rk-h1: 60px; --rk-h2: 40px; --rk-h3: 26px; --rk-h4: 19px;
  --rk-body: 16px; --rk-small: 13px; --rk-caption: 11px;

  /* Shape — arched, editorial, unhurried */
  --rk-radius-lg: 4px; --rk-radius-md: 3px; --rk-radius-sm: 2px;
  --rk-radius-arch: 999px 999px 0 0; /* echoes the logo/gazebo arch motif */
  --rk-radius-pill: 999px;

  /* Elevation */
  --rk-shadow: 0 2px 6px rgba(58,54,47,.06), 0 24px 48px -24px rgba(58,54,47,.24);
  --rk-shadow-soft: 0 1px 2px rgba(58,54,47,.05);

  /* Motion — gentle, unhurried, editorial */
  --rk-ease-out:   cubic-bezier(.2, .7, .2, 1);
  --rk-ease-arch:  cubic-bezier(.16, 1, .3, 1); /* soft arch-reveal easing */
  --rk-dur-fast:   .3s;  --rk-dur-med: .6s;  --rk-dur-reveal: 1.1s;

  /* Spacing rhythm */
  --rk-space-1: 8px; --rk-space-2: 16px; --rk-space-3: 24px;
  --rk-space-4: 40px; --rk-space-5: 64px; --rk-space-6: 110px;
}