/* Fortune design tokens — shared by the public site, member portal and admin. */
:root {
  /* Brand */
  --c-primary: #e43c5c;
  --c-primary-hover: #d01d3f;
  --c-primary-active: #b3182f;
  --c-primary-rgb: 228, 60, 92;

  --c-deep: #2b2123;
  --c-deep-2: #3a2e30;
  --c-deep-3: #493c3e;

  --c-accent-on-dark: #f7c2cc;
  --c-accent-on-dark-hover: #f096a7;

  /* Neutrals */
  --c-heading: #2b2123;
  --c-text: #3d3335;
  --c-text-muted: #6b5a5d;
  --c-text-on-dark: #f4ecee;
  --c-text-on-dark-muted: #c9b8bb;

  --c-bg: #faf7f5;
  --c-surface: #ffffff;
  --c-tint-1: #fdeff2;
  --c-tint-2: #f9dde3;
  --c-border: #e9e1e2;
  --c-border-strong: #d6c9cb;

  /* Status */
  --st-available-fg: #1f6b45;  --st-available-bg: #e5f3eb;  --st-available-dot: #2e8b57;
  --st-reserved-fg: #8a5200;   --st-reserved-bg: #fcefd9;   --st-reserved-dot: #d98a00;
  --st-sold-fg: #5b4b4e;       --st-sold-bg: #efe8e9;       --st-sold-dot: #816a6e;
  --st-soon-fg: #2a5694;       --st-soon-bg: #e6eef9;       --st-soon-dot: #3b6fc0;

  /* Type */
  --font-heading: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-h1: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --fs-h2: clamp(1.5rem, 1.2rem + 1.3vw, 2.25rem);
  --fs-h3: clamp(1.2rem, 1.1rem + .45vw, 1.45rem);
  --fs-lead: 1.125rem;
  --fs-sm: .875rem;
  --fs-xs: .75rem;

  /* Spacing (8px base) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;

  --container: 1200px;
  --container-narrow: 820px;
  --header-h: 72px;

  /* Shape */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(43, 33, 35, .06), 0 1px 3px rgba(43, 33, 35, .04);
  --shadow-2: 0 4px 16px rgba(43, 33, 35, .08);
  --shadow-3: 0 12px 32px rgba(43, 33, 35, .12);
  --focus-ring: 0 0 0 3px rgba(228, 60, 92, .35);

  --t: 160ms ease;

  /* Bootstrap 5.3 bridge */
  --bs-primary: var(--c-primary);
  --bs-primary-rgb: var(--c-primary-rgb);
  --bs-body-font-family: var(--font-body);
  --bs-body-color: var(--c-text);
  --bs-body-bg: var(--c-bg);
  --bs-border-color: var(--c-border);
  --bs-border-radius: var(--radius);
  --bs-link-color: var(--c-primary);
  --bs-link-color-rgb: var(--c-primary-rgb);
  --bs-link-hover-color: var(--c-primary-hover);
  --bs-heading-color: var(--c-heading);
}

@media (prefers-reduced-motion: reduce) {
  :root { --t: 0ms linear; }
}