/* ==========================================================================
   Atulya Hospitality — design tokens
   Mirrors project/tailwind.config.js from the Claude Design prototype so the
   theme's visual output matches the approved .dc.html designs exactly.
   ========================================================================== */

:root {
  /* Colors */
  --atl-ink-900: #191c1d;
  --atl-ink-700: #4d4635;
  --atl-ink-500: #7f7663;

  --atl-gold: #735c00;
  --atl-gold-deep: #554300;
  --atl-gold-light: #d4af37;
  --atl-gold-dim: #e9c349;

  --atl-cream: #f8f4ea;
  --atl-cream-pill: #fdf6e6;
  --atl-cream-100: #f3ecd8;

  --atl-surface: #f8f9fa;
  --atl-surface-low: #f3f4f5;

  --atl-outline: #d0c5af;
  --atl-green: #126e0c;
  --atl-whatsapp: #25d366;
  --atl-danger: #b3441e;

  --atl-white: #ffffff;

  /* Typography */
  --atl-font-display: 'Playfair Display', serif;
  --atl-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radii */
  --atl-radius-lg: 16px;
  --atl-radius-xl: 20px;
  --atl-radius-xl2: 20px;
  --atl-radius-xl3: 24px;
  --atl-radius-xl4: 32px;
  --atl-radius-full: 9999px;

  /* Layout */
  --atl-max-page: 1280px;
  --atl-max-content: 1180px;

  /* Shadows */
  --atl-shadow-card: 0 10px 30px rgba(0, 0, 0, .04);
  --atl-shadow-pill: 0 4px 16px rgba(0, 0, 0, .05);
  --atl-shadow-float: 0 20px 50px rgba(0, 0, 0, .06);
  --atl-shadow-menu: 0 20px 50px rgba(0, 0, 0, .15);

  /* Motion */
  --atl-duration-base: 200ms;
}