:root{
/* ---- Brand primary: Sandese Blue (sampled from the logo mark, #5170FF) ---- */
--blue-50:#eef1ff;--blue-100:#dfe4ff;--blue-200:#c4ccff;--blue-300:#a3b1ff;--blue-400:#7a90ff;
--blue-500:#5170ff;--blue-600:#3f59e6;--blue-700:#3145b8;--blue-800:#26358c;--blue-900:#1b2663;
/* ---- Secondary: Sandese Red (wordmark, #ff5757) ---- */
--red-50:#fff0f0;--red-100:#ffdede;--red-200:#ffc2c2;--red-300:#ff9c9c;--red-400:#ff7676;
--red-500:#ff5757;--red-600:#e84343;--red-700:#c22f2f;--red-800:#962525;--red-900:#6b1a1a;
/* ---- Secondary: Sandese Amber (orange-yellow) ---- */
--amber-50:#fff8ea;--amber-100:#ffeecb;--amber-200:#ffdd9c;--amber-300:#ffc963;--amber-400:#ffb63c;
--amber-500:#ffa61f;--amber-600:#e88b0d;--amber-700:#bd6c07;--amber-800:#8f5106;--amber-900:#63380a;
/* ---- Channel: WhatsApp (only for WhatsApp-specific surfaces) ---- */
--wa-green:#25d366;--wa-green-dark:#128c7e;--wa-teal:#075e54;--wa-bubble-out:#d9fdd3;--wa-bubble-in:#ffffff;--wa-chat-bg:#efeae2;
/* ---- Neutrals: charcoal → grey ---- */
--ink-900:#1b1d21;--ink-800:#24272c;--ink-700:#32363d;--ink-600:#4a4f57;
--grey-500:#737373;--grey-400:#9a9da3;--grey-300:#c5c8ce;--grey-200:#e2e4e9;--grey-100:#f0f1f4;--grey-50:#f7f8fa;--white:#ffffff;
/* ---- Semantic: text ---- */
--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--grey-500);--text-subtle:var(--grey-400);
--text-inverse:var(--white);--text-brand:var(--blue-600);--text-accent:var(--red-500);--text-link:var(--blue-600);--text-link-hover:var(--blue-700);
/* ---- Semantic: surfaces ---- */
--surface-page:var(--grey-50);--surface-card:var(--white);--surface-sunken:var(--grey-100);
--surface-inverse:var(--ink-900);--surface-brand:var(--blue-500);--surface-brand-soft:var(--blue-50);
--surface-accent-soft:var(--red-50);--surface-amber-soft:var(--amber-50);--surface-wa-soft:#e7f9ee;
/* ---- Semantic: borders ---- */
--border-subtle:var(--grey-200);--border-default:var(--grey-300);--border-strong:var(--ink-700);
--border-brand:var(--blue-500);--border-focus:var(--blue-400);
/* ---- Semantic: status ---- */
--status-success:#1aa259;--status-success-soft:#e7f7ee;--status-warning:var(--amber-500);--status-warning-soft:var(--amber-50);
--status-danger:var(--red-600);--status-danger-soft:var(--red-50);--status-info:var(--blue-500);--status-info-soft:var(--blue-50);
/* ---- Interaction ---- */
--brand-hover:var(--blue-600);--brand-active:var(--blue-700);--accent-hover:var(--red-600);--accent-active:var(--red-700);
--overlay-scrim:rgba(27,29,33,.48);
/* ---- Gradients (used sparingly: hero washes and empty states) ---- */
--wash-brand:linear-gradient(160deg,#eef1ff 0%,#ffffff 62%);/* @kind color */
--wash-sunrise:linear-gradient(135deg,var(--blue-500) 0%,#8a63ff 48%,var(--red-500) 100%);/* @kind color */
}