/* Hallmark: custom · posture: atmospheric-field · primary: 1120px */
:root {
  /* Core Surfaces (VisitAbrau theme-default & theme-color-5) */
  --color-paper: #FCFBF7;
  --color-paper-2: #F7F3E6;
  --color-paper-3: #EFEAD8;

  /* Typography & Ink (VisitAbrau --color-base-dark) */
  --color-ink: #191818;
  --color-ink-2: #303030;
  --color-muted: #818080;
  --color-rule: #E2DDD0;

  /* Luxury Resort Accent Themes (VisitAbrau theme-color-1..4) */
  --color-accent: #481827;          /* Deep Wine Burgundy (theme-color-1) */
  --color-accent-hover: #391A25;
  --color-accent-ink: #FCFBF7;

  --color-pine: #1C291F;            /* Deep Forest Pine (theme-color-2) */
  --color-pine-hover: #141F17;
  --color-terracotta: #814736;      /* Warm Cognac / Terracotta (theme-color-4) */
  --color-sage: #B7BAA7;            /* Soft Sage Olive (theme-color-3) */
  --color-gold: #C8A97E;
  --color-gold-bright: #F3E2C3;

  /* Status & Multi-Zone Indicators */
  --color-free: #235336;
  --color-free-bg: #E6F0EA;
  --color-busy: #7A2332;
  --color-busy-bg: #F6E6E9;
  --pattern-busy-linked: repeating-linear-gradient(
    -45deg,
    rgba(129, 71, 54, 0.16),
    rgba(129, 71, 54, 0.16) 5px,
    rgba(247, 243, 230, 0.85) 5px,
    rgba(247, 243, 230, 0.85) 10px
  );

  /* Frosted Glass & Translucent Tokens (Forest Pine Tinted Surfaces) */
  --glass-top-bg: rgba(28, 44, 33, 0.42);
  --glass-main-bg: rgba(28, 44, 33, 0.28);
  --glass-scrolled-bg: rgba(252, 251, 247, 0.96);
  --glass-dark-34: rgba(28, 44, 33, 0.38);
  --glass-dark-38: rgba(28, 44, 33, 0.44);
  --glass-dark-42: rgba(28, 44, 33, 0.48);
  --glass-dark-48: rgba(28, 44, 33, 0.56);
  --glass-dark-58: rgba(28, 44, 33, 0.64);
  --glass-dark-28: rgba(28, 44, 33, 0.34);
  --glass-drawer-backdrop: rgba(24, 42, 30, 0.68);
  --glass-drawer-sheet: rgba(28, 41, 31, 0.96);
  --glass-badge-top: rgba(24, 40, 29, 0.88);
  --glass-card-bottom: rgba(18, 28, 21, 0.96);
  --glass-mood-bg: rgba(200, 169, 126, 0.18);
  --glass-mood-border: rgba(200, 169, 126, 0.45);

  --glass-light-06: rgba(252, 251, 247, 0.06);
  --glass-light-14: rgba(252, 251, 247, 0.14);
  --glass-light-18: rgba(252, 251, 247, 0.18);
  --glass-light-22: rgba(252, 251, 247, 0.22);

  --border-light-12: rgba(252, 251, 247, 0.12);
  --border-light-14: rgba(252, 251, 247, 0.14);
  --border-light-16: rgba(252, 251, 247, 0.16);
  --border-light-20: rgba(252, 251, 247, 0.20);
  --border-light-22: rgba(252, 251, 247, 0.22);
  --border-light-24: rgba(252, 251, 247, 0.24);
  --border-light-35: rgba(252, 251, 247, 0.35);
  --border-light-45: rgba(252, 251, 247, 0.45);
  --border-light-55: rgba(252, 251, 247, 0.55);
  --border-light-65: rgba(252, 251, 247, 0.65);

  --text-light-94: rgba(252, 251, 247, 0.94);
  --text-light-90: rgba(252, 251, 247, 0.90);
  --text-light-86: rgba(252, 251, 247, 0.86);
  --text-light-72: rgba(252, 251, 247, 0.72);
  --text-light-68: rgba(252, 251, 247, 0.68);

  /* Scrims & Shadows */
  --scrim-hero:
    linear-gradient(180deg, rgba(15, 14, 14, 0.64) 0%, rgba(15, 14, 14, 0.18) 38%, rgba(15, 14, 14, 0.28) 62%, rgba(15, 14, 14, 0.84) 100%),
    radial-gradient(circle at 50% 45%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.38) 100%);
  --scrim-card: linear-gradient(
    180deg,
    rgba(15, 14, 14, 0.36) 0%,
    rgba(15, 14, 14, 0.02) 42%,
    rgba(15, 14, 14, 0.12) 78%,
    rgba(18, 24, 20, 0.64) 100%
  );
  --scrim-caption: rgba(24, 42, 30, 0.92);
  --scrim-atmosphere:
    radial-gradient(circle at 26% 34%, rgba(200, 169, 126, 0.24) 0%, rgba(200, 169, 126, 0) 54%),
    radial-gradient(circle at 76% 64%, rgba(72, 24, 39, 0.28) 0%, rgba(72, 24, 39, 0) 58%);
  --spotlight-zones: radial-gradient(
    640px circle at calc(var(--sc-mx, 0.5) * 100%) calc(var(--sc-my, 0.35) * 100%),
    rgba(200, 169, 126, 0.16),
    rgba(200, 169, 126, 0) 70%
  );
  --zones-sunset-bg: #F2E8D5;
  --zones-night-bg: #162119;
  --zones-night-surface: #1F2D23;
  --zones-night-border: rgba(200, 169, 126, 0.28);

  --shadow-header: 0 8px 32px rgba(25, 24, 24, 0.07);
  --shadow-hero-text: 0 8px 32px rgba(0, 0, 0, 0.35);
  --shadow-card-selected: 0 20px 44px rgba(72, 24, 39, 0.22);
  --shadow-spotlight: 0 20px 48px rgba(25, 24, 24, 0.06);
  --shadow-modal: 0 32px 72px rgba(15, 14, 14, 0.42);
  --shadow-panel: 0 12px 32px rgba(25, 24, 24, 0.04);
  --shadow-curtain: 0 -24px 64px rgba(15, 14, 14, 0.28);
  --shadow-footer-inset: inset 0 6px 26px 0 rgba(173, 173, 173, 0.2);

  /* Font Stacks (VisitAbrau Lora + Clean Sans) */
  --font-display: 'Lora', Georgia, serif;
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Architectural Radii (VisitAbrau: 2px buttons, 4px bars, 8px cards) */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;

  /* Layout & Physics Easing Curves (Emil Kowalski / Josh Comeau / Quiet Luxury) */
  --container-max: 1440px;
  --container-pad: clamp(16px, 4vw, 56px);
  --section-gap: 28px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}