/* ==========================================================================
   Lake Powell — Brand Design Tokens
   Override root-tokens.css values for the Lake Powell brand site.

   These values are loaded at runtime when the brand is detected
   (via AEM metadata or URL path). They override the root tokens
   through CSS cascade specificity (loaded after styles.css).

   Only include tokens that DIFFER from root-tokens.css defaults.
   ========================================================================== */

:root {
  /* Brand Colors — Lake Powell brand values */
  /* stylelint-disable-next-line color-hex-length */
  --color-primary: #b04c1a;
  --color-secondary: #174355;
  --color-tertiary: #639654;

  --color-header-background: var(--color-grey-800);
  --booking-safe-zone-bg: var(--surface-dark-0);

  /* H1 — Petrona Light Italic (V2 design spec) */
  --h1-font-weight: var(--font-weight-light);
  --h1-font-style: italic;
  --h1-line-height: 1.2;

  /* CTA / Button — UPPERCASE with tracking (V2 design spec) */
  --cta-font-weight: var(--font-weight-bold);
  --cta-letter-spacing: 0.1em;
  --cta-text-transform: uppercase;

  /* Brand Logo — sizing (mobile-first pattern, 900px desktop breakpoint) */
  --brand-logo-width-mobile: 154px;
  --brand-logo-height-mobile: 34px;
  --brand-logo-width-desktop: 172px;
  --brand-logo-height-desktop: 38px;
}