/* ==========================================
   HOTEL BUDDHA LAND — CSS VARIABLES & TOKENS
   ========================================== */

:root {
  /* Colors */
  --bg-w: #ffffff;
  --bg-ed: #F7F6F2;
  --bg-alt: #FAFAF8;
  --bg-dark: #14181a;
  --bg-footer: #0f1214;
  --ink: #1c1c1a;
  --ink-light: #2c2c28;
  --mute: #6b6a64;
  --mute-light: #8e8d87;
  --line: #E7E7E7;
  --line-dark: #262b2e;
  --blue: #2f5d78;
  --blue-hover: #22455b;
  --gold-accent: #c5a059;

  /* Typography */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Transitions & Timing */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 200ms var(--ease);
  --t-normal: 350ms var(--ease);
  --t-slow: 700ms var(--ease);
  --t-image: 1200ms var(--ease);

  /* Layout & Spacing */
  --pad: 24px;
  --sec-padding: 96px;
  --container-max: 1360px;
  --radius-sm: 2px;
  --radius-md: 4px;

  /* Header Height */
  --header-height: 80px;
}

/* Responsive Spacing Scale */
@media (min-width: 768px) {
  :root {
    --pad: 40px;
    --sec-padding: 130px;
  }
}

@media (min-width: 1200px) {
  :root {
    --pad: 56px;
    --sec-padding: 160px;
  }
}