/* ============================================================================
   BIRDS NYC — DARK THEME

   A moody NYC velvet supper-club look: deep mahogany backgrounds, warm cream
   text, and signature gold accents on headings, links, and buttons.

   Brand:  Gold (#ffd700) + warm cream (#f5e9da) on dark mahogany
   Fonts:  Crimson Text (headings) + Space Grotesk (body/nav) via Google Fonts
   Source: https://birds-nyc.com/
   ============================================================================ */

/* FONTS - Crimson Text (headings) + Space Grotesk (body/nav) via Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Space+Grotesk:wght@300;400;500;600&display=swap');

:root {
  /* ========================================================================
     BRAND COLORS - Birds NYC gold + warm cream
     ======================================================================== */

  --color-brand: rgb(255, 215, 0);             /* Gold - buttons, links, accents */
  --color-brand-secondary: rgb(245, 233, 218); /* Warm cream - light text/neutral */


  /* ========================================================================
     NEUTRAL COLORS - Dark theme, wired to brand
     ======================================================================== */

  --color-light: var(--color-brand-secondary);  /* Warm cream for light elements */
  --color-dark: rgb(17, 23, 37);                 /* Midnight blue background */
  --color-white: rgb(255, 255, 255);             /* Pure white */
  --color-black: rgb(0, 0, 0);                   /* Pure black */


  /* ========================================================================
     FONT FAMILIES
     ======================================================================== */

  --font-family-heading: "Crimson Text", serif;      /* Headers and titles */
  --font-family-body: "Space Grotesk", sans-serif;   /* Body text */
  --font-family-nav: "Space Grotesk", sans-serif;    /* Navigation menu */


  /* ========================================================================
     BUTTON STYLING - Gold buttons with dark label text
     ======================================================================== */

  --button-primary-color: var(--color-brand);
  --button-primary-label-color: var(--color-black);  /* Dark text on gold button */
  --button-primary-font-family: var(--font-family-body);


  /* ========================================================================
     HEADER & NAVIGATION
     ======================================================================== */

  --header-primary-color: var(--color-dark);         /* Header bg matches body */
  --header-line-color: transparent;                  /* Invisible border */
  --header-link-color: var(--color-light);           /* Warm cream links */
  --header-link-color-hover: var(--color-brand);     /* Gold on hover */
  --header-logo-width: 150px;                        /* Logo width */

  --primary-nav-font-family: var(--font-family-nav);
  --primary-nav-font-size: 18px;
  --primary-nav-font-weight: 600;


  /* ========================================================================
     THEME COLORS
     ======================================================================== */

  --primary-theme-color: var(--color-brand);
  --secondary-theme-color: var(--color-brand);


  /* ========================================================================
     CALENDAR
     ======================================================================== */

  --calendar-primary-color: var(--color-black);
  --calendar-secondary-color: var(--color-brand);


  /* ========================================================================
     TYPOGRAPHY
     ======================================================================== */

  --primary-heading-font-family: var(--font-family-heading);
  --primary-text-font-family: var(--font-family-body);
  --show-date-font-family: var(--font-family-heading);


  /* ========================================================================
     FOOTER
     ======================================================================== */

  --footer-primary-color: var(--color-brand);


  /* ========================================================================
     GUEST UI - DARK MODE VARIABLES
     ======================================================================== */

  /* Body & Backgrounds */
  --g-body-primary: var(--color-dark);              /* Main background color */
  --g-bg-input: var(--color-dark);                  /* Input field backgrounds */

  /* Checkout Sidebar */
  --g-body-checkout-sidebar: var(--color-black);    /* Checkout sidebar background */

  /* Text & Foreground */
  --g-fg-primary: var(--color-brand-secondary);     /* Primary text - warm cream */
  --g-fg-disclaimer: var(--color-brand-secondary);  /* Disclaimer text */

  /* Header */
  --g-header-primary: var(--color-dark);            /* Header bg matches body */
  --g-header-link: var(--color-brand-secondary);    /* Header link color */
  --g-header-link-hover: var(--color-brand);        /* Header link hover - gold */

  /* Tables */
  --g-table-available: var(--color-brand-secondary);  /* Available table text */
  --g-table-disabled: rgb(74, 44, 26);                /* Disabled table color - muted mahogany */
  --g-table-notFitMinimum: rgb(74, 44, 26);           /* Tables that don't fit party size */

  /* Calendar */
  --g-calendar-bg-active: var(--color-black);       /* Active date background */
  --g-calendar-fg-active: var(--color-brand);       /* Active date text - gold */
  --g-calendar-perf-link: var(--color-brand-secondary);  /* Performance links */

  /* Borders */
  --g-border-color: rgba(245, 233, 218, 0.4);      /* Cream borders, ~3.4:1 on mahogany (WCAG 1.4.11) */


  /* ========================================================================
     DARK MODE FLAG
     ======================================================================== */

  --mode: dark;
}