/* ============================================================
   BELLEVUE HOTEL & SPA — design tokens
   Single source of truth for style.css (guest site) and
   admin.css (staff panel). Both stylesheets consume these
   variables rather than redefining their own, so the two
   surfaces never drift apart again.

   Identity: obsidian black / aged gold / deep burgundy / ivory.
   Signature motif: "shoji lines" — thin vertical gold hairlines,
   a nod to the house's Japanese lobby restaurant, carried as
   section dividers and background texture across a Western
   grand-hotel palette. Corners stay sharp (radius 0) throughout
   — softness comes from light and texture, not rounded edges.
   ============================================================ */

:root {
  /* ---- Core palette ---- */
  --black: #0b0b0d;
  --charcoal: #17151a;
  --charcoal-2: #201d24;
  --gold: #c9a24b;
  --gold-soft: #e4c987;
  --gold-dim: #8a7038;
  --burgundy: #6e1423;
  --burgundy-deep: #430c16;
  --ivory: #f4efe6;
  --ivory-dim: #d9d2c4;
  --stone: #a79a7d;
  --line: rgba(201, 162, 75, 0.22);

  /* ---- Status colors (admin panel: booking/review states) ---- */
  --ok: #7fae7f;
  --warn: #d99a4b;
  --bad: #c96060;

  /* ---- Type ---- */
  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans: 'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Layout ---- */
  --container: 1240px;
  --gutter: clamp(20px, 5vw, 64px);

  /* ---- Spacing scale (multiples of 4px; use instead of one-off values) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* ---- Radius: intentionally 0 everywhere — sharp edges are part of the identity ---- */
  --radius: 0;

  /* ---- Shadow (used sparingly — floating elements only, e.g. chat launcher) ---- */
  --shadow-float: 0 10px 30px rgba(0, 0, 0, 0.5);
}