/* ============================================================
   RC Hospitality Management — Design Tokens
   Editorial-modernist system: Italian design-house confidence
   meets coastal-at-dusk atmosphere.
   ============================================================ */

:root {
  /* ---- Color: named for what they evoke, not what they render as ---- */
  --notte: #12181a;        /* ink-charcoal, primary dark ground */
  --notte-2: #0b0f10;      /* deeper ink, for gradients/overlays */
  --marino: #1e3a3d;       /* deep marine teal, secondary dark */
  --marino-2: #274b4f;     /* lighter marine, gradient stop */
  --pergamena: #f3eee3;    /* warm stone/parchment — used sparingly */
  --pergamena-2: #ece4d3;  /* deeper parchment, card fields on light */
  --terracotta: #b85c38;   /* primary accent — CTAs, numerals, hover */
  --terracotta-dim: #954a2d;
  --ottone: #9c8552;       /* muted brass — hairlines, horizon rule */
  --ottone-soft: #9c85524d; /* brass at low opacity, for rules on dark */
  --avorio: #f7f3ea;       /* warm ivory text on dark */
  --avorio-dim: #f7f3eaa8; /* dimmed ivory, secondary text on dark */
  --inchiostro: #1a1613;   /* near-black warm ink, text on light */
  --inchiostro-dim: #1a1613b3;

  /* ---- Type families ---- */
  --font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --font-accent: "Newsreader", "Iowan Old Style", serif;
  --font-body: "Public Sans", "Helvetica Neue", Arial, sans-serif;

  /* ---- Type scale (fluid, clamp-based) ---- */
  --fs-hero: clamp(3rem, 3.2vw + 2.2rem, 6.5rem);
  --fs-h1: clamp(2.25rem, 2vw + 1.6rem, 4rem);
  --fs-h2: clamp(1.75rem, 1.2vw + 1.3rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 0.6vw + 1.05rem, 1.75rem);
  --fs-lead: clamp(1.125rem, 0.4vw + 1rem, 1.5rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8125rem;

  /* ---- Spacing scale ---- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.5rem;
  --sp-5: 4rem;
  --sp-6: 6.5rem;
  --sp-7: 10rem;

  /* ---- Layout ---- */
  --max-width: 78rem;
  --edge: clamp(1.5rem, 4vw, 4rem);

  /* ---- 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.3s;
  --dur-med: 0.6s;
  --dur-slow: 1.1s;

  /* ---- Radius: intentionally near-zero — architectural, not soft ---- */
  --radius-sm: 2px;
  --radius-md: 3px;
}