/* ==========================================================================
   REVORA — DESIGN TOKENS
   Modern Nigerian fine dining, Calabar.
   ========================================================================== */

:root {
  /* ---- Color: brand ---- */
  --charcoal: #0B0B0B;
  --graphite: #141414;
  --ivory: #F7F4ED;
  --gold: #C9A227;
  --emerald: #134E4A;

  /* ---- Color: derived ---- */
  --gold-soft: rgba(201, 162, 39, 0.14);
  --gold-line: rgba(201, 162, 39, 0.35);
  --emerald-deep: #0D3735;
  --ivory-dim: rgba(247, 244, 237, 0.68);
  --ivory-faint: rgba(247, 244, 237, 0.42);
  --hairline: rgba(247, 244, 237, 0.12);
  --hairline-strong: rgba(247, 244, 237, 0.22);
  --charcoal-glass: rgba(11, 11, 11, 0.72);
  --shadow-deep: 0 40px 80px -30px rgba(0, 0, 0, 0.6);

  /* ---- Type families ---- */
  --font-display: 'Fraunces', 'Iowan Old Style', serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Space Mono', 'SFMono-Regular', monospace;

  /* ---- Type scale (fluid) ---- */
  --fs-hero: clamp(3.4rem, 9vw, 8.5rem);
  --fs-xxl: clamp(2.6rem, 6vw, 5.6rem);
  --fs-xl: clamp(2rem, 4vw, 3.4rem);
  --fs-lg: clamp(1.5rem, 2.4vw, 2.1rem);
  --fs-md: clamp(1.1rem, 1.4vw, 1.35rem);
  --fs-body: 1.0625rem;
  --fs-sm: 0.9rem;
  --fs-xs: 0.76rem;

  /* ---- Spacing ---- */
  --gutter: clamp(1.5rem, 5vw, 4.5rem);
  --section-pad: clamp(5rem, 12vw, 11rem);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.4s;
  --dur-med: 0.8s;
  --dur-slow: 1.4s;

  /* ---- Layout ---- */
  --radius-sm: 6px;
  --radius-lg: 28px;
  --max-w: 1440px;
}