/* served brand layer — settings_branding, one row per token */
:root {
  --color-primary: #1f6f78;
  --color-primary-dk: #15525a;
  --color-primary-lt: rgba(31, 111, 120, 0.15);
  --color-primary-nav: rgba(255, 255, 255, 0.2);
  --color-text: #23393c;
  --color-text-lt: #5f7f82;
  --color-white: white;
  --color-error: #c0392b;
  --color-error-lt: rgba(192, 57, 43, 0.08);
  --color-success: #27ae60;
  --color-warning: #f39c12;
  --color-confirmed: #1f6f78;
  --color-pending: #f39c12;
  --color-cancelled: #95a5a6;
  --color-window: rgba(65, 172, 100, 0.25);
  --color-window-border: #27ae60;
  --color-buffer: rgba(31, 111, 120, 0.15);
  --color-slot-mobile: #27ae60;
  --color-slot-mobile-lt: rgba(65, 172, 100, 0.25);
  --color-slot-local: #1f6f78;
  --color-slot-local-lt: rgba(31, 111, 120, 0.25);
  --color-slot-venue: #8000b4;
  --color-slot-venue-lt: rgba(128, 0, 180, 0.15);
  --color-overlay-bio: rgba(12, 40, 44, 0.82);
  --color-overlay-hero: rgba(31, 111, 120, 0.4);
  --color-overlay-review: rgba(31, 111, 120, 0.5);
  --radius-pill: 20px;
  --radius-nav: 15px;
  --radius-circle: 50%;
  --radius-block: 8px;
  --radius-sm: 4px;
  --shadow-pill: 0px 4px var(--color-primary);
  --shadow-pill-blue: 0px 4px var(--color-primary);
  --shadow-pill-white: 0px 4px white;
  --shadow-card: 0 4px 16px rgba(0,0,0,0.12);
  --shadow-dropdown: 0 6px 12px rgba(0,0,0,0.15);
  --font-main: Helvetica, Arial, sans-serif;
  --font-size-sm: 0.8rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.2rem;
  --font-display: Georgia, serif;
  --unit-good: #27ae60;
  --unit-overdue: #c0392b;
  --unit-restricted: #f1c40f;
  --unit-vacant: #e3e7ea;
  --unit-outline: #2d4a6a;
}