/**
 * Enclave Clubhouse Continuum - shared design tokens.
 * Load before page-specific CSS. Georgia display + Arial UI (no webfonts in Phases 1–5).
 */
:root {
  /* Color roles */
  --enclave-navy: #11183d;
  --enclave-navy-deep: #0b1131;
  --enclave-navy-mid: #161f4a;
  --enclave-navy-soft: #26315f;
  --enclave-navy-raised: #18234f;
  --enclave-navy-ink: #10183d;
  --enclave-cream: #f7f1e8;
  --enclave-cream-warm: #f3ebe0;
  --enclave-linen: #fbf7f0;
  --enclave-field: #fbf6ef;
  --enclave-white: #ffffff;
  --enclave-gold: #b9a078;
  --enclave-gold-muted: rgba(176, 150, 108, 0.72);
  --enclave-gold-line: rgba(158, 132, 92, 0.58);
  --enclave-green: #2f775b;
  --enclave-green-tint: rgba(47, 119, 91, 0.22);
  --enclave-error: #ff8f7a;
  --enclave-error-bg: rgba(255, 143, 122, 0.12);
  --enclave-ink: #141821;
  --enclave-muted: #657085;
  --enclave-card-muted: rgba(17, 24, 61, 0.61);

  /* Backward-compatible aliases used across existing stylesheets */
  --navy: var(--enclave-navy);
  --navy-deep: var(--enclave-navy-deep);
  --navy-mid: var(--enclave-navy-mid);
  --navy-soft: var(--enclave-navy-soft);
  --navy-raised: var(--enclave-navy-raised);
  --cream: var(--enclave-cream);
  --cream-warm: var(--enclave-cream-warm);
  --ivory: var(--enclave-linen);
  --linen: var(--enclave-linen);
  --white: var(--enclave-white);
  --gold: var(--enclave-gold);
  --green: var(--enclave-green);
  --error: var(--enclave-error);
  --card-ink: var(--enclave-navy);
  --card-muted: var(--enclave-card-muted);
  --accent-line: var(--enclave-gold-line);
  --accent-rule: var(--enclave-gold-muted);
  --card-border: rgba(168, 148, 118, 0.38);
  --card-border-hover: rgba(168, 148, 118, 0.52);
  --ink: var(--enclave-ink);
  --muted: var(--enclave-muted);
  --border: rgba(17, 24, 61, 0.14);

  /* Typography */
  --font-display: Georgia, "Times New Roman", Times, serif;
  --font-ui: Arial, Helvetica, sans-serif;
  --text-brand: clamp(1.75rem, 2.4vw, 2.5rem);
  --text-page-title: clamp(1.85rem, 3vw, 2.75rem);
  --text-section: clamp(1.35rem, 2vw, 1.85rem);
  --text-card-title: clamp(1.2rem, 1.6vw, 1.5rem);
  --text-body: 1rem;
  --text-label: 0.72rem;
  --text-button: 0.94rem;
  --text-price: 0.95rem;
  --text-legal: 0.75rem;
  --leading-display: 1.12;
  --leading-body: 1.5;
  --tracking-label: 0.07em;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Shadows (portal pair) */
  --shadow-tight: 0 1px 1px rgba(2, 8, 32, 0.34), 0 4px 10px rgba(2, 8, 32, 0.24);
  --shadow-soft: 0 14px 32px rgba(2, 8, 32, 0.2);
  --shadow-lift-tight: 0 2px 3px rgba(2, 8, 32, 0.34), 0 7px 14px rgba(2, 8, 32, 0.24);
  --shadow-lift-soft: 0 20px 40px rgba(2, 8, 32, 0.26);
  --shadow: 0 14px 38px rgba(17, 24, 61, 0.1);

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Motion */
  --ease-premium: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration-fast: 150ms;
  --duration-base: 200ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0.01ms;
    --duration-base: 0.01ms;
  }
}