/* Concierge — design tokens v0.1 */

:root {
  /* Palette — from brand swatch + foil logo */
  --bordeaux-noir: #241013;
  --bordeaux-noir-raised: #2E1518;
  --cherry-velvet: #5B1622;
  --cherry-velvet-hover: #6E1B29;
  --warm-greige: #A9927F;
  --alpine-oat: #DED0BC;
  --vanilla-silk: #F5EEE1;
  --champagne-gold: #C6A46B;
  --champagne-gold-dim: #9C8158;

  /* Semantic roles */
  --bg-page: var(--bordeaux-noir);
  --bg-surface: var(--bordeaux-noir-raised);
  --bg-card: var(--vanilla-silk);
  --text-on-dark: var(--vanilla-silk);
  --text-on-dark-muted: var(--warm-greige);
  --text-on-light: var(--bordeaux-noir);
  --text-on-light-muted: #6B5C50;
  --accent: var(--champagne-gold);
  --cta-bg: var(--cherry-velvet);
  --cta-bg-hover: var(--cherry-velvet-hover);
  --border-hairline: rgba(198, 164, 107, 0.28);
  --border-hairline-strong: rgba(198, 164, 107, 0.5);

  /* Type */
  --font-display: 'Cormorant', Georgia, serif;
  --font-body: 'Work Sans', -apple-system, sans-serif;

  --radius-card: 10px;
  --radius-control: 6px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-body);
  background: var(--bg-page);
  color: var(--text-on-dark);
}

.eyebrow {
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent);
}

.hairline {
  border: none;
  border-top: 1px solid var(--border-hairline);
}