/* Variables */
:root {
  /* Canonical black and green palette */
  --black-deep: #050706;
  --black-primary: #0a0d0b;
  --black-soft: #111713;
  --black-muted: #1b241e;
  --green-deep: #0b2117;
  --green-dark: #123322;
  --green-primary: #1d4b31;
  --green-muted: #376b4a;
  --green-light: #7fa886;
  --green-pale: #b8cbbd;
  --text-light: #f3f6f2;
  --text-muted: #b5c1b8;
  --accent-green: #7fa886;
  --status-error: #d28b82;
  --status-success: #9fc2a6;

  /* Legacy semantic aliases retained for existing components */
  --forest-deep: var(--green-deep);
  --forest-dark: var(--green-dark);
  --forest: var(--green-primary);
  --forest-primary: var(--green-primary);
  --forest-green: var(--green-light);
  --forest-muted: var(--green-muted);
  --forest-soft: var(--green-muted);
  --sage-soft: var(--green-light);
  --bamboo-green: var(--green-light);
  --bamboo: var(--accent-green);
  --beige-deep: var(--black-muted);
  --beige-primary: #151d18;
  --beige-soft: var(--black-soft);
  --cream-warm: var(--black-primary);
  --ivory-soft: #151c18;
  --champagne-gold: var(--accent-green);
  --cream: var(--black-soft);
  --ivory: var(--black-primary);
  --bamboo-white: var(--text-light);
  --soft-cream: var(--black-muted);
  --sand: #a8c3ad;
  --wood: var(--green-dark);
  --gold: var(--accent-green);
  --warm-gold: var(--green-light);
  --sage: #91aa97;
  --ink: var(--text-light);
  --muted: var(--text-muted);
  --white: var(--text-light);
  --text-dark: var(--text-light);
  --line: rgba(127, 168, 134, .22);

  --serif: "Italiana", Georgia, serif;
  --sans: "DM Sans", Arial, sans-serif;
  --header-height: 78px;
  --radius: 2px;
  --container: min(1280px, calc(100vw - 40px));
  --shadow: 0 24px 70px rgba(0, 0, 0, .34);
  --shadow-soft: 0 18px 50px rgba(0, 0, 0, .28);

  /* Canonical section and surface gradients */
  --gradient-section-black: linear-gradient(180deg, #050706 0%, #0a0d0b 45%, #111713 100%);
  --gradient-section-green: linear-gradient(180deg, #0b2117 0%, #123322 45%, #1d4b31 100%);
  --gradient-card-black: linear-gradient(160deg, #0a0d0b 0%, #111713 54%, #18241d 100%);
  --gradient-card-green: linear-gradient(160deg, #0d261a 0%, #153524 52%, #1d4b31 100%);
  --gradient-black-to-green: linear-gradient(
    180deg,
    #050706 0%,
    #0a0d0b 18%,
    #111713 34%,
    #18241d 48%,
    #163423 62%,
    #1d4b31 78%,
    #123322 90%,
    #0b2117 100%
  );
  --gradient-green-to-black: linear-gradient(
    180deg,
    #0b2117 0%,
    #123322 16%,
    #1d4b31 32%,
    #254b35 46%,
    #18241d 60%,
    #111713 74%,
    #0a0d0b 88%,
    #050706 100%
  );

  /* Shared gradients */
  --gradient-site: linear-gradient(180deg, #050706 0%, #0a0d0b 38%, #0b2117 68%, #050706 100%);
  --gradient-hero: linear-gradient(
    180deg,
    rgba(5, 7, 6, .5) 0%,
    rgba(11, 33, 23, .28) 30%,
    rgba(18, 51, 34, .54) 62%,
    rgba(11, 33, 23, .82) 100%
  );
  --gradient-image-overlay: linear-gradient(
    180deg,
    rgba(5, 7, 6, .08) 0%,
    rgba(11, 33, 23, .38) 52%,
    rgba(5, 7, 6, .82) 100%
  );
  --gradient-page-overlay: linear-gradient(
    180deg,
    rgba(5, 7, 6, .48) 0%,
    rgba(11, 33, 23, .58) 55%,
    rgba(5, 7, 6, .88) 100%
  );
  --gradient-forest: var(--gradient-section-green);
  --gradient-green-luxury: linear-gradient(180deg, #08160f 0%, #0b2117 34%, #123322 68%, #1d4b31 100%);
  --gradient-forest-deep: linear-gradient(180deg, #0b2117 0%, #08160f 58%, #050706 100%);
  --gradient-forest-cream: var(--gradient-green-to-black);
  --gradient-green-to-beige: var(--gradient-green-to-black);
  --gradient-cream: var(--gradient-card-black);
  --gradient-beige-luxury: var(--gradient-black-to-green);
  --gradient-cream-soft: var(--gradient-section-black);
  --gradient-beige-to-green: var(--gradient-black-to-green);
  --gradient-green-soft: var(--gradient-section-green);
  --gradient-champagne: linear-gradient(135deg, #1d4b31 0%, #376b4a 52%, #7fa886 100%);
  --gradient-primary-cta: linear-gradient(135deg, #1d4b31 0%, #376b4a 50%, #7fa886 100%);
  --gradient-booking: var(--gradient-card-black);
  --gradient-footer: linear-gradient(180deg, #08120d 0%, #050706 48%, #020302 100%);
  --gradient-header: linear-gradient(180deg, rgba(5, 7, 6, .96), rgba(10, 13, 11, .93));

  /* Compatibility bridge names now resolve to black-green transitions */
  --bridge-green-to-beige: var(--gradient-green-to-black);
  --bridge-beige-to-green: var(--gradient-black-to-green);
  --bridge-beige-to-beige: linear-gradient(180deg, rgba(17, 23, 19, 0) 0%, rgba(10, 13, 11, .66) 58%, #050706 100%);
  --bridge-green-to-green: linear-gradient(180deg, rgba(29, 75, 49, 0) 0%, rgba(18, 51, 34, .62) 58%, #0b2117 100%);
}