/* ============================================================
   UNOFFICIAL VISIT — DESIGN TOKENS
   Single source of truth for all colors, type, space, radii.
   Never hard-code values — always reference a variable.
   ============================================================ */

:root {
  /* ── Brand Colors ─────────────────────────────────────────── */
  --parchment:       #F6F1E6;
  --parchment-deep:  #EFE7D5;
  --parchment-soft:  #FAF6EC;
  --maroon:          #7A1E2D;
  --maroon-deep:     #5D1622;
  --maroon-soft:     rgba(122, 30, 45, 0.08);
  --gold:            #C49A3A;
  --gold-deep:       #A4801E;
  --gold-soft:       rgba(196, 154, 58, 0.14);
  --green:           #1E4D3B;
  --green-soft:      rgba(30, 77, 59, 0.12);
  --navy:            #1F2E4A;
  --navy-deep:       #16223A;
  --navy-soft:       rgba(31, 46, 74, 0.07);
  --white:           #FFFFFF;
  --border:          #E5DDD0;
  --border-deep:     #D6CBB6;
  --muted:           #8A7F74;
  --ink:             #2A2520;
  --danger:          #C0392B;

  /* ── Shadows ─────────────────────────────────────────────── */
  --shadow-card:       0 2px 8px rgba(122, 30, 45, 0.06);
  --shadow-card-hover: 0 8px 22px rgba(122, 30, 45, 0.12);
  --shadow-cta:        0 6px 18px rgba(122, 30, 45, 0.28);
  --shadow-modal:      0 24px 60px rgba(31, 46, 74, 0.32);

  /* ── Typography ──────────────────────────────────────────── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-grotesk: 'Space Grotesk', 'Inter', sans-serif;

  /* ── Border Radii ────────────────────────────────────────── */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   22px;
  --r-full: 9999px;

  /* ── Layout ──────────────────────────────────────────────── */
  --max-width: 1280px;
  --nav-h:     72px;
}