/**
 * Public site color tokens — single source of defaults.
 * Admin theme overrides inject via #va-site-appearance in site/header.php.
 * Components in main.css should reference var(--va-*) only, not raw hex.
 */
:root {
    /* ── Brand (admin-managed) ───────────────────────────────────────── */
    --va-burgundy: #26001b;
    --va-burgundy-deep: #3d1030;
    --va-burgundy-soft: #6d2358;
    --va-gold: #f0ad4e;
    --va-gold-bright: #ffc107;
    --va-cream: #fff8e7;
    --va-highlight: #f0ad4e;

    /* Header row 1 */
    --va-header-row1-text: #ffffff;
    --va-header-row1-icon: #ffffff;
    --va-header-row1-icon-hover: #ffc107;

    /* Header row 2 */
    --va-header-row2-text: #ffffff;
    --va-header-row2-icon: #f0ad4e;
    --va-header-row2-hover: #ffc107;
    --va-header-row2-tooltip-title: #f0ad4e;

    /* Footer */
    --va-footer-bg-start: #3d1030;
    --va-footer-bg-end: #26001b;
    --va-footer-text: #ffffff;
    --va-footer-icon: #ffffff;
    --va-footer-icon-hover: #ffc107;

    /* Breadcrumb */
    --va-breadcrumb-text: #c7c7c7;
    --va-breadcrumb-link: #d9d9d9;
    --va-breadcrumb-link-hover: #ffc107;
    --va-breadcrumb-current: #f0ad4e;
    --va-breadcrumb-separator: #f0ad4e;
    --va-breadcrumb-welcome: #f0ad4e;

    /* Generic containers — one set of tokens for every public page container */
    --va-content-font: #ffffff;
    --va-content-link: #f0ad4e;
    --va-container-highlight: #ffc107;
    --va-btn-bg: #ffc107;
    --va-btn-border: #e6c200;
    --va-btn-text: #000000;
    --va-cancel-btn-bg: #ffffff;
    --va-cancel-btn-border: #d0d0d0;
    --va-cancel-btn-text: #333333;

    /* Content panels */
    --va-panel-bg: rgba(74, 28, 52, 0.9);
    --va-panel-bg-soft: rgba(109, 45, 82, 0.42);
    --va-panel-bg-deep: rgba(52, 18, 40, 0.55);
    --va-panel-border: rgba(240, 173, 78, 0.55);
    --va-panel-border-soft: rgba(255, 232, 196, 0.28);
    --va-panel-solid-deep: #341228;
    --va-panel-shadow: 0 8px 28px rgba(74, 28, 52, 0.45);

    /* ── Semantic / structural (static defaults) ─────────────────────── */
    --va-white: #ffffff;
    --va-black: #000000;
    --va-body-bg: #581845;
    --va-text-on-light: #222222;
    --va-text-on-light-muted: #5c4a52;
    --va-text-on-light-subtle: #4a3540;
    --va-text-on-dark-muted: rgba(255, 255, 255, 0.85);
    --va-text-on-dark-soft: rgba(255, 255, 255, 0.92);

    /* Form / card surfaces (login, registration) */
    --va-surface-form-start: #fffdf8;
    --va-surface-form-end: #f7f4ef;
    --va-surface-form-heading: #2a1224;
    --va-border-form: #d5c8b8;
    --va-border-form-hover: #c4b09a;
    --va-border-form-dashed: #c9b49a;

    /* Accent tints derived from gold (fixed opacity steps) */
    --va-gold-tint-18: rgba(240, 173, 78, 0.18);
    --va-gold-tint-22: rgba(240, 173, 78, 0.22);
    --va-gold-tint-25: rgba(240, 173, 78, 0.25);
    --va-gold-tint-28: rgba(240, 173, 78, 0.28);
    --va-gold-tint-35: rgba(240, 173, 78, 0.35);
    --va-gold-tint-45: rgba(240, 173, 78, 0.45);
    --va-gold-tint-55: rgba(240, 173, 78, 0.55);
    --va-gold-focus-ring: rgba(240, 173, 78, 0.22);

    /* Maroon tints */
    --va-maroon-tint-10: rgba(88, 24, 69, 0.1);
    --va-maroon-tint-12: rgba(88, 24, 69, 0.12);
    --va-maroon-tint-15: rgba(88, 24, 69, 0.15);
    --va-maroon-900: #4a1834;
    --va-maroon-800: #2a0018;
    --va-maroon-700: #3a1228;
    --va-maroon-600: #2b1224;
    --va-maroon-overlay: rgba(20, 6, 18, 0.78);
    --va-maroon-overlay-deep: rgba(40, 12, 32, 0.98);

    /* Status */
    --va-danger: #b42318;
    --va-danger-dark: #c0392b;
    --va-danger-tint: rgba(192, 57, 43, 0.12);
    --va-success: #25d366;
    --va-success-bg: rgba(76, 175, 80, 0.2);
    --va-success-border: rgba(76, 175, 80, 0.55);
    --va-success-text: #b6f0b9;
    --va-info: #0d6efd;
    --va-info-light: #7ec8ff;
    --va-warning-text: #ffe082;

    /* Neutrals */
    --va-gray-900: #333333;
    --va-gray-700: #555555;
    --va-gray-500: #888888;
    --va-gray-400: #cccccc;
    --va-gray-border: #d0d0d0;
    --va-gray-muted: #7a6670;
    --va-gray-code-bg: #f9f9f9;
    --va-gray-code-text: #002166;

    /* Legacy page chrome (CI-era header inline styles) */
    --va-selection-bg: #e13300;
    --va-legacy-link: #003399;
    --va-legacy-body-text: #4f5155;
    --va-legacy-heading: #444444;
    /* Shadows */
    --va-shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.35);
    --va-shadow-md: 0 10px 28px rgba(0, 0, 0, 0.28);
    --va-shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.5);
    --va-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    --va-maroon-text-muted: #6b3a56;
    --va-gold-text-dark: #6a3d12;
    --va-maroon-950: #1a0c18;
    --va-maroon-850: #2a1020;
    --va-maroon-text-deep: #2b0a22;
    --va-gold-text-on-btn: #1a1208;
    --va-gray-button: #565151;
    --va-gray-100: #f7f7f7;
    --va-gray-300: #cccccc;
    --va-gray-input-border: #c0c0c0;
    --va-gray-input-border-dark: #b9b9b9;
    --va-gray-input-border-top: #a0a0a0;
    --va-danger-text: #ffc1c1;
    --va-danger-icon: #ef5350;
    --va-success-text-light: #b6f0b9;
    --va-success-icon: #81c784;
    --va-success-text-pale: #c8e6c9;
    --va-danger-text-soft: #ff8a80;
    --va-surface-warning: #fff4df;
    --va-text-slate: #1f2937;
    --va-text-slate-muted: #6b7280;
    --va-text-gold-brown: #6b4e16;
    --va-border-light: #d7dde5;
    --va-datatable-accent: #2f6bff;

    /* White / black alpha steps */
    --va-white-05: rgba(255, 255, 255, 0.05);
    --va-white-06: rgba(255, 255, 255, 0.06);
    --va-white-12: rgba(255, 255, 255, 0.12);
    --va-white-18: rgba(255, 255, 255, 0.18);
    --va-white-20: rgba(255, 255, 255, 0.2);
    --va-white-25: rgba(255, 255, 255, 0.25);
    --va-white-35: rgba(255, 255, 255, 0.35);
    --va-white-45: rgba(255, 255, 255, 0.45);
    --va-white-65: rgba(255, 255, 255, 0.65);
    --va-white-70: rgba(255, 255, 255, 0.7);
    --va-white-72: rgba(255, 255, 255, 0.72);
    --va-white-78: rgba(255, 255, 255, 0.78);
    --va-white-85: rgba(255, 255, 255, 0.85);
    --va-white-88: rgba(255, 255, 255, 0.88);
    --va-white-90: rgba(255, 255, 255, 0.9);
    --va-white-92: rgba(255, 255, 255, 0.92);
    --va-white-95: rgba(255, 255, 255, 0.95);
    --va-white-70-surface: rgba(255, 255, 255, 0.7);
    --va-black-18: rgba(0, 0, 0, 0.18);
    --va-black-25: rgba(0, 0, 0, 0.25);
    --va-black-28: rgba(0, 0, 0, 0.28);
    --va-black-30: rgba(0, 0, 0, 0.3);
    --va-black-35: rgba(0, 0, 0, 0.35);
    --va-black-45: rgba(0, 0, 0, 0.45);
    --va-gold-tint-20: rgba(240, 173, 78, 0.2);
    --va-gold-tint-95: rgba(240, 173, 78, 0.95);
    --va-gold-bright-tint-08: rgba(255, 193, 7, 0.08);
    --va-gold-bright-tint-16: rgba(255, 193, 7, 0.16);
    --va-gold-bright-tint-55: rgba(255, 193, 7, 0.55);
    --va-cream-tint-35: rgba(255, 232, 196, 0.35);
    --va-cream-text-92: rgba(255, 248, 231, 0.92);
    --va-cream-text-85: rgba(255, 240, 220, 0.85);
    --va-danger-bg-18: rgba(229, 57, 53, 0.18);
    --va-danger-border-40: rgba(229, 57, 53, 0.4);
    --va-danger-border-50: rgba(229, 57, 53, 0.5);
    --va-danger-border-55: rgba(229, 57, 53, 0.55);
    --va-success-dark-bg-16: rgba(46, 125, 50, 0.16);
    --va-success-dark-border-50: rgba(46, 125, 50, 0.5);
    --va-success-border-45: rgba(76, 175, 80, 0.45);
    --va-slate-shadow-04: rgba(15, 23, 42, 0.04);
    --va-slate-shadow-06: rgba(15, 23, 42, 0.06);
    --va-slate-shadow-08: rgba(15, 23, 42, 0.08);
    --va-slate-shadow-10: rgba(15, 23, 42, 0.1);
    --va-slate-shadow-18: rgba(15, 23, 42, 0.18);
    --va-slate-shadow-22: rgba(15, 23, 42, 0.22);
    --va-datatable-accent-ring: rgba(47, 107, 255, 0.25);
    --va-datatable-accent-shadow: rgba(47, 107, 255, 0.35);
    --va-reviews-maroon-tint-06: rgba(139, 26, 46, 0.06);
    --va-reviews-maroon-tint-12: rgba(139, 26, 46, 0.12);

    /* Datepicker (jQuery UI) */
    --va-dp-accent: var(--va-datatable-accent);
    --va-dp-accent-soft: #e8efff;
    --va-dp-bg: #eceff3;
    --va-dp-tile: var(--va-white);
    --va-dp-text: var(--va-text-slate);
    --va-dp-muted: #9aa3af;
    --va-dp-disabled: #c5cad3;
    --va-dp-divider: #dde3ea;

    /* Bootstrap-aligned (DataTables, alerts) */
    --va-bs-body: #212529;
    --va-bs-secondary: #6c757d;
    --va-bs-muted: #adb5bd;
    --va-bs-border: #dee2e6;
    --va-bs-light-bg: #f8f9fa;
    --va-bs-light-border: #e9ecef;
    --va-bs-light-surface: #f8fafc;
    --va-bs-success-bg: #d1e7dd;
    --va-bs-success-text: #0f5132;
    --va-bs-success-border: #badbcc;
    --va-bs-warning-bg: #fff3cd;
    --va-bs-warning-text: #664d03;
    --va-bs-warning-border: #ffecb5;
    --va-bs-danger-bg: #f8d7da;
    --va-bs-danger-text: #842029;
    --va-bs-danger-border: #f5c2c7;
    --va-bs-secondary-bg: #e2e3e5;
    --va-bs-secondary-text: #41464b;
    --va-bs-secondary-border: #d3d6d8;
    --va-text-slate-700: #374151;
    --va-text-slate-900: #111827;

    /* Calendar / results / reviews */
    --va-calendar-orange: #c45a12;
    --va-calendar-orange-dark: #a3480e;
    --va-calendar-orange-text: #b35a00;
    --va-calendar-link: #1a0dab;
    --va-calendar-blue: #1f4e79;
    --va-calendar-red: #c62828;
    --va-calendar-gold-light: #ffd27a;
    --va-calendar-success-light: #c8f0c9;
    --va-calendar-success-lighter: #d7f7d8;
    --va-link-purple: #e0b0ff;
    --va-link-blue-light: #9ec5ff;
    --va-gray-mid: #787878;
    --va-gray-surface: #eaeaea;
    --va-border-dd: #dddddd;
    --va-border-photo: #444444;
    --va-reviews-maroon: #8b1a2e;
    --va-reviews-gold: #e0a100;
    --va-reviews-brown: #5c4a3a;
    --va-reviews-surface: #fffaf3;
    --va-reviews-cream: #f3e8d8;
    --va-reviews-brown-dark: #3a2418;
    --va-reviews-brown-muted: #7a6554;
    --va-reviews-danger: #c5221f;
    --va-reviews-text: #3f3126;
    --va-reviews-header-bg: #5b1a2a;
    --va-reviews-paper: #f7f3ea;
    --va-maroon-overlay-88: rgba(40, 12, 32, 0.88);
    --va-maroon-overlay-92: rgba(40, 12, 32, 0.92);
    --va-maroon-overlay-96: rgba(40, 12, 32, 0.96);
    --va-maroon-overlay-72: rgba(28, 8, 24, 0.72);
    --va-success-bg-16: rgba(76, 175, 80, 0.16);
    --va-white-04: rgba(255, 255, 255, 0.04);
    --va-white-28: rgba(255, 255, 255, 0.28);
    --va-white-96: rgba(255, 255, 255, 0.96);
    --va-black-10: rgba(0, 0, 0, 0.1);
    --va-black-12: rgba(0, 0, 0, 0.12);
    --va-black-40: rgba(0, 0, 0, 0.4);
    --va-black-50: rgba(0, 0, 0, 0.5);
    --va-gold-tint-08: rgba(240, 173, 78, 0.08);
    --va-gold-bright-tint-35: rgba(255, 193, 7, 0.35);
    --va-cream-tint-45: rgba(255, 232, 196, 0.45);
    --va-cream-tint-65: rgba(255, 232, 196, 0.65);
    --va-cream-tint-72: rgba(255, 232, 196, 0.72);
    --va-cream-text-78: rgba(255, 240, 220, 0.78);
    --va-landing-shadow-35: rgba(222, 132, 19, 0.35);
    --va-landing-shadow-45: rgba(222, 132, 19, 0.45);
    --va-landing-shadow-ring-0: rgba(222, 132, 19, 0);
    --va-landing-shadow-ring-35: rgba(222, 132, 19, 0.35);
    --va-shadow-layered: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    --va-reviews-maroon-border-10: rgba(139, 26, 46, 0.1);
    --va-reviews-maroon-shadow-04: rgba(139, 26, 46, 0.04);
    --va-reviews-danger-bg-08: rgba(197, 34, 31, 0.08);
    --va-reviews-danger-border-15: rgba(197, 34, 31, 0.15);
    --va-maroon-radial: radial-gradient(circle at 35% 30%, rgba(255, 193, 7, 0.35), rgba(52, 18, 40, 0.85));
    --va-white-75: rgba(255, 255, 255, 0.75);
    --va-burgundy-alpha-12: rgba(38, 0, 27, 0.12);

    /* Misc accents */
    --va-accent-pink: #ff8fb3;
    --va-accent-pink-strong: #ff6b8a;
    --va-accent-navy: #12385c;
    --va-accent-maroon-text: #4a1020;
    --va-accent-cream-badge: #fff8e8;
    --va-accent-cream-badge-text: #5a1a28;
    --va-whatsapp: #25d366;

    /* Layout */
    --va-content-max: 1280px;
    --va-content-pad-x: 16px;
}