/* Design tokens — light (default) and dark palettes for The Miami Hotel Cartagena */

:root {
  --bg: #FAF7F2;
  --bg-alt: #F1ECE3;
  --surface: #FFFFFF;
  --surface-2: #F6F2EA;
  --ink: #1B1D1F;
  --ink-muted: #5B5F63;
  --ink-inverse: #FFFFFF;

  --accent: #0F6E6B;
  --accent-strong: #0B5452;
  --accent-warm: #C99A55;
  --accent-warm-strong: #A67B3D;

  --header-bg: rgba(250, 247, 242, 0.82);
  --header-ink: #1B1D1F;
  --header-ring: rgba(27, 29, 31, 0.08);
  --header-ring-strong: rgba(27, 29, 31, 0.18);

  --ring: rgba(15, 110, 107, 0.18);
  --ring-strong: rgba(15, 110, 107, 0.35);
  --overlay: rgba(16, 21, 26, 0.55);

  --shadow-sm: 0 2px 10px rgba(20, 20, 20, 0.06);
  --shadow: 0 10px 30px rgba(20, 20, 20, 0.10);
  --shadow-lg: 0 24px 60px rgba(20, 20, 20, 0.16);

  --radius-sm: 4px;
  --radius: 5px;
  --radius-lg: 5px;
  --gutter: clamp(12px, 4vw, 28px);
  --ease: cubic-bezier(.22, .61, .36, 1);

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --success: #1E8E5A;
  --whatsapp: #25D366;
}

:root[data-theme="dark"] {
  --bg: #10151A;
  --bg-alt: #171D24;
  --surface: #171D24;
  --surface-2: #1E262E;
  --ink: #F2F1ED;
  --ink-muted: #A8AFB6;
  --ink-inverse: #10151A;

  --accent: #2FA6A1;
  --accent-strong: #59C2BD;
  --accent-warm: #E3B876;
  --accent-warm-strong: #EFC98F;

  --header-bg: rgba(16, 21, 26, 0.82);
  --header-ink: #F2F1ED;
  --header-ring: rgba(255, 255, 255, 0.10);
  --header-ring-strong: rgba(255, 255, 255, 0.22);

  --ring: rgba(47, 166, 161, 0.25);
  --ring-strong: rgba(47, 166, 161, 0.45);
  --overlay: rgba(0, 0, 0, 0.65);

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.30);
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55);
}