:root{
/* ---- Base ramps ---- */
--blue-50:#eef3f8;--blue-100:#d8e4ef;--blue-200:#b0c6dc;--blue-300:#7fa1c1;--blue-400:#4e7ba3;--blue-500:#2a5b85;--blue-600:#133f69;--blue-700:#0f3355;--blue-800:#0b2740;--blue-900:#071a2b;
--teal-50:#edf8f6;--teal-100:#d4ede8;--teal-200:#a9dbd1;--teal-300:#7bc8ba;--teal-400:#5ab6a5;--teal-500:#43a594;--teal-600:#368678;--teal-700:#2a685d;--teal-800:#1e4a43;--teal-900:#133029;
--neutral-0:#ffffff;--neutral-25:#fafbfc;--neutral-50:#f4f6f8;--neutral-100:#e8ecf0;--neutral-200:#d5dbe2;--neutral-300:#b4bec9;--neutral-400:#8b97a5;--neutral-500:#6b7887;--neutral-600:#525e6c;--neutral-700:#3d4753;--neutral-800:#2a323c;--neutral-900:#171d24;
--green-100:#dcf0e4;--green-500:#2f8f5b;--green-700:#1f6640;
--amber-100:#faedd4;--amber-500:#c2801b;--amber-700:#8c5b10;
--red-100:#fadedc;--red-500:#c2453c;--red-700:#8f2f28;

/* ---- Brand ---- */
--brand-primary:var(--blue-600);
--brand-primary-hover:var(--blue-700);
--brand-primary-active:var(--blue-800);
--brand-secondary:var(--teal-500);
--brand-secondary-hover:var(--teal-600);
--brand-secondary-active:var(--teal-700);

/* ---- Semantic surface ---- */
--surface-page:var(--neutral-25);
--surface-card:var(--neutral-0);
--surface-sunken:var(--neutral-50);
--surface-raised:var(--neutral-0);
--surface-inverse:var(--blue-800);
--surface-brand:var(--blue-600);
--surface-brand-subtle:var(--blue-50);
--surface-accent-subtle:var(--teal-50);
--surface-hover:var(--neutral-50);
--surface-selected:var(--blue-50);
--surface-disabled:var(--neutral-100);

/* ---- Semantic text ---- */
--text-heading:var(--blue-800);
--text-body:var(--neutral-700);
--text-muted:var(--neutral-500);
--text-subtle:var(--neutral-400);
--text-inverse:var(--neutral-0);
--text-brand:var(--blue-600);
--text-accent:var(--teal-600);
--text-link:var(--blue-600);
--text-link-hover:var(--teal-600);
--text-disabled:var(--neutral-400);

/* ---- Semantic border ---- */
--border-subtle:var(--neutral-100);
--border-default:var(--neutral-200);
--border-strong:var(--neutral-300);
--border-brand:var(--blue-600);
--border-accent:var(--teal-500);
--border-focus:var(--teal-500);

/* ---- Status ---- */
--status-success:var(--green-500);--status-success-surface:var(--green-100);--status-success-text:var(--green-700);
--status-warning:var(--amber-500);--status-warning-surface:var(--amber-100);--status-warning-text:var(--amber-700);
--status-danger:var(--red-500);--status-danger-surface:var(--red-100);--status-danger-text:var(--red-700);
--status-info:var(--blue-500);--status-info-surface:var(--blue-50);--status-info-text:var(--blue-700);

/* ---- Effects ---- */
--focus-ring:0 0 0 3px rgba(67,165,148,.35);
--overlay-scrim:rgba(7,26,43,.55);
--gradient-brand:linear-gradient(135deg,#133f69 0%,#2a5b85 55%,#43a594 100%); /* @kind color */
--gradient-veil:linear-gradient(180deg,rgba(7,26,43,0) 0%,rgba(7,26,43,.72) 100%); /* @kind color */
}