:root{
/* ── Brand: Bab teal (from the logo) ───────────────────────── */
--teal-50:#E8F4F3;--teal-100:#C5E5E3;--teal-200:#93CFCC;--teal-300:#55B2AF;
--teal-400:#1F8F8C;--teal-500:#12706E;--teal-600:#0E5A58;--teal-700:#0B4544;
--teal-800:#093634;--teal-900:#062827;
/* ── Damask rose ───────────────────────────────────────────── */
--rose-50:#FDECEF;--rose-100:#FAD2DB;--rose-200:#F4A9B9;--rose-300:#EE7C93;
--rose-400:#E85D79;--rose-500:#E24A6B;--rose-600:#C43356;--rose-700:#9C2342;
/* ── Citrus (Damascus orange / bitter-orange trees) ────────── */
--citrus-50:#FFF2E6;--citrus-100:#FFDDBE;--citrus-200:#FFC189;--citrus-300:#FCA451;
--citrus-400:#FA8B2E;--citrus-500:#F97A1F;--citrus-600:#DB5E0C;--citrus-700:#A34608;
/* ── Jasmine (petal cream + pollen yellow) ─────────────────── */
--jasmine-50:#FFFCF3;--jasmine-100:#FEF3D8;--jasmine-200:#FCE4A6;--jasmine-300:#F9D26C;
--jasmine-400:#F6C445;--jasmine-500:#EDB01F;--jasmine-600:#C88C0C;
/* ── Sand neutrals (warm, faintly green-shifted) ───────────── */
--sand-0:#FFFFFF;--sand-50:#FBF8F2;--sand-100:#F4EFE6;--sand-200:#E7DFD2;
--sand-300:#D3C9B9;--sand-400:#A9A197;--sand-500:#847D74;--sand-600:#5D5A54;
--sand-700:#403F3B;--sand-800:#25302E;--sand-900:#12302F;--ink:#0F2422;

/* ── Semantic: text ────────────────────────────────────────── */
--text-heading:var(--teal-800);--text-body:var(--sand-800);--text-muted:var(--sand-500);
--text-subtle:var(--sand-400);--text-inverse:#FFFFFF;--text-on-brand:#FFFFFF;
--text-link:var(--teal-500);--text-link-hover:var(--teal-600);--text-danger:var(--danger-500);
/* ── Semantic: surfaces ────────────────────────────────────── */
--surface-page:var(--sand-50);--surface-card:#FFFFFF;--surface-raised:#FFFFFF;
--surface-sunken:var(--sand-100);--surface-brand:var(--teal-500);--surface-brand-deep:var(--teal-800);
--surface-brand-tint:var(--teal-50);--surface-rose-tint:var(--rose-50);
--surface-citrus-tint:var(--citrus-50);--surface-jasmine:var(--jasmine-50);
--surface-overlay:rgba(15,36,34,.55);--surface-glass:rgba(255,255,255,.72);
/* ── Semantic: lines ───────────────────────────────────────── */
--border-subtle:var(--sand-200);--border-strong:var(--sand-300);
--border-brand:var(--teal-500);--border-focus:var(--teal-400);--border-dashed:var(--teal-300);
/* ── Semantic: interactive ─────────────────────────────────── */
--action-primary:var(--teal-500);--action-primary-hover:var(--teal-600);--action-primary-press:var(--teal-700);
--action-accent:var(--citrus-500);--action-accent-hover:var(--citrus-600);
--action-secondary:var(--teal-50);--action-secondary-hover:var(--teal-100);
--action-disabled:var(--sand-200);--action-disabled-text:var(--sand-400);
/* ── Semantic: status ──────────────────────────────────────── */
--success-500:#2E9E5B;--success-50:#E8F6EE;--warning-500:#EDB01F;--warning-50:#FEF3D8;
--danger-500:#D93A3A;--danger-50:#FDEBEB;--info-500:#1F8F8C;--info-50:#E8F4F3;
/* ── Brand gradients & washes (used sparingly, never on text) */
--grad-sunset:linear-gradient(112deg,var(--citrus-500) 0%,var(--rose-500) 100%);
--grad-oasis:linear-gradient(150deg,var(--teal-400) 0%,var(--teal-700) 100%);
--grad-jasmine:linear-gradient(160deg,var(--jasmine-200) 0%,var(--citrus-100) 100%);
--grad-scrim:linear-gradient(180deg,rgba(15,36,34,0) 0%,rgba(15,36,34,.78) 100%); /* @kind color */
/* ── Category colours (activities, chips, map pins) ────────── */
--cat-stay:var(--teal-500);--cat-eat:var(--citrus-500);--cat-do:var(--rose-500);
--cat-shop:var(--jasmine-500);--cat-nature:#3E8F5A;
}