/* ============================================================
   VARIABLES — The Indigo Road Hospitality Group Design Tokens
   Generated by /b2b-web-overhaul-execution
   Source: plans/b2b-brand-data.md
   ============================================================ */

:root {
  /* ── Color Palette (from Part G — Cinematic Rebuild Directives) ── */
  --color-bg-primary:   #183342;   /* Deep navy-teal — dominant dark brand color */
  --color-bg-mid:       #27242c;   /* Dark charcoal — nav text, secondary dark */
  --color-bg-light:     #e8e3d4;   /* Warm cream/sand — alternating light sections */
  --color-bg-deep:      #000000;   /* Footer copyright bar — deepest dark */
  --color-bg-footer:    #183342;   /* Footer nav — same as bg-primary */

  --color-accent:       #f68848;   /* Warm orange — primary CTA buttons */
  --color-accent-light: #f9a97e;   /* Lighter warm orange (+15% lightness) */
  --color-accent-warm:  #e8e3d4;   /* Warm cream — tertiary warm accent */

  --color-text-primary: #ffffff;   /* White — headings on dark backgrounds */
  --color-text-muted:   #e8e3d4;   /* Warm cream — secondary text on dark navy */
  --color-text-dark:    #333333;   /* Dark charcoal gray — body text on light */
  --color-text-mid:     #646569;   /* Muted gray — secondary text */

  --color-white:        #ffffff;
  --color-cream:        #e8e3d4;

  --color-border:       rgba(255, 255, 255, 0.12);
  --color-border-faint: rgba(255, 255, 255, 0.08);
  --color-border-dark:  rgba(0, 0, 0, 0.12);

  /* ── Typography (from Part C — Typography table) ── */
  /* IRHG-Sackers is proprietary; Montserrat renders the spaced-caps aesthetic */
  --font-heading: 'Montserrat', Helvetica, Arial, sans-serif;
  --font-body:    'Montserrat', Helvetica, Arial, sans-serif;
  --font-quote:   'Lora', Georgia, serif;

  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;
  --fw-black:   800;

  /* ── Fluid Type Scale ── */
  --size-hero-h1:      clamp(2.5rem, 5vw, 5rem);  /* reduced so title fits above the fold */
  --size-gate-h1:      clamp(2.5rem, 7vw, 6rem);
  --size-section-h2:   clamp(2rem, 4.5vw, 4rem);
  --size-portfolio-h2: clamp(2.2rem, 5vw, 4.2rem);
  --size-contact-h1:   clamp(3rem, 8vw, 7rem);
  --size-tab-letter:   clamp(4rem, 8vw, 7.5rem);
  --size-stat-num:     clamp(2.5rem, 5vw, 4.5rem);
  --size-body:         1rem;
  --size-label:        0.72rem;

  /* ── Spacing ── */
  --section-pad:   clamp(80px, 10vw, 140px);
  --container-max: 1280px;
  --container-pad: clamp(1.5rem, 5vw, 4rem);

  /* ── Motion ── */
  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-sweep:      cubic-bezier(0.77, 0, 0.175, 1);
  --transition-fast: 150ms ease;
  --transition-mid:  200ms ease;
  --transition-btn:  350ms var(--ease-sweep);

  /* ── Surfaces ── */
  --card-bg:     rgba(255, 255, 255, 0.04);
  --card-border: rgba(255, 255, 255, 0.08);
  --nav-shadow:  0 2px 40px rgba(0, 0, 0, 0.4);

  /* ── Z-Index layers ── */
  --z-gate:   9999;
  --z-cursor: 10000;
  --z-nav:    1000;
}