/* Basis color tokens — palette scales + semantic aliases.
   Palette values are Polaris's raw color ramps (the ground-truth source).
   Semantic aliases map ramp steps to roles; build UI against the aliases. */
:root{
/* ── Gray ramp (neutral ink + surfaces) ── */
--p-color-gray-1:rgba(255,255,255,1);--p-color-gray-2:rgba(253,253,253,1);--p-color-gray-3:rgba(250,250,250,1);--p-color-gray-4:rgba(247,247,247,1);--p-color-gray-5:rgba(243,243,243,1);--p-color-gray-6:rgba(241,241,241,1);--p-color-gray-7:rgba(235,235,235,1);--p-color-gray-8:rgba(227,227,227,1);--p-color-gray-9:rgba(212,212,212,1);--p-color-gray-10:rgba(204,204,204,1);--p-color-gray-11:rgba(181,181,181,1);--p-color-gray-12:rgba(138,138,138,1);--p-color-gray-13:rgba(97,97,97,1);--p-color-gray-14:rgba(74,74,74,1);--p-color-gray-15:rgba(48,48,48,1);--p-color-gray-16:rgba(26,26,26,1);
/* ── Azure (info / accent) ── */
--p-color-azure-3:rgba(234,244,255,1);--p-color-azure-4:rgba(224,240,255,1);--p-color-azure-5:rgba(213,235,255,1);--p-color-azure-6:rgba(202,230,255,1);--p-color-azure-8:rgba(168,216,255,1);--p-color-azure-9:rgba(145,208,255,1);--p-color-azure-11:rgba(0,148,213,1);--p-color-azure-12:rgba(0,124,180,1);--p-color-azure-13:rgba(0,103,155,1);--p-color-azure-15:rgba(0,58,90,1);--p-color-azure-16:rgba(0,33,51,1);
/* ── Blue (links / emphasis) ── */
--p-color-blue-1:rgba(252,253,255,1);--p-color-blue-3:rgba(240,242,255,1);--p-color-blue-4:rgba(234,237,255,1);--p-color-blue-5:rgba(226,231,255,1);--p-color-blue-7:rgba(213,220,255,1);--p-color-blue-8:rgba(197,208,255,1);--p-color-blue-13:rgba(0,91,211,1);--p-color-blue-14:rgba(0,66,153,1);--p-color-blue-15:rgba(0,46,106,1);
/* ── Green (success) ── */
--p-color-green-1:rgba(250,255,251,1);--p-color-green-3:rgba(205,254,212,1);--p-color-green-4:rgba(175,254,191,1);--p-color-green-5:rgba(146,252,172,1);--p-color-green-12:rgba(4,123,93,1);--p-color-green-13:rgba(3,94,76,1);--p-color-green-14:rgba(1,75,64,1);--p-color-green-15:rgba(7,54,48,1);--p-color-green-16:rgba(2,38,34,1);
/* ── Yellow (caution) ── */
--p-color-yellow-2:rgba(255,248,219,1);--p-color-yellow-3:rgba(255,244,191,1);--p-color-yellow-4:rgba(255,239,157,1);--p-color-yellow-5:rgba(255,235,120,1);--p-color-yellow-6:rgba(255,230,0,1);--p-color-yellow-8:rgba(234,211,0,1);--p-color-yellow-11:rgba(153,138,0,1);--p-color-yellow-12:rgba(130,117,0,1);--p-color-yellow-14:rgba(79,71,0,1);--p-color-yellow-15:rgba(51,46,0,1);--p-color-yellow-16:rgba(31,28,0,1);
/* ── Orange (warning) ── */
--p-color-orange-3:rgba(255,241,227,1);--p-color-orange-4:rgba(255,235,213,1);--p-color-orange-5:rgba(255,228,198,1);--p-color-orange-8:rgba(255,200,121,1);--p-color-orange-9:rgba(255,184,0,1);--p-color-orange-11:rgba(178,132,0,1);--p-color-orange-12:rgba(149,111,0,1);--p-color-orange-14:rgba(94,66,0,1);--p-color-orange-16:rgba(37,26,0,1);
/* ── Red (critical) ── */
--p-color-red-1:rgba(255,250,251,1);--p-color-red-4:rgba(254,232,235,1);--p-color-red-5:rgba(254,225,230,1);--p-color-red-6:rgba(254,217,223,1);--p-color-red-7:rgba(254,209,215,1);--p-color-red-8:rgba(254,193,199,1);--p-color-red-11:rgba(226,44,56,1);--p-color-red-12:rgba(199,10,36,1);--p-color-red-13:rgba(163,10,36,1);--p-color-red-14:rgba(142,11,33,1);--p-color-red-15:rgba(95,7,22,1);--p-color-red-16:rgba(47,4,11,1);
/* ── Purple (magic / accent) ── */
--p-color-purple-1:rgba(253,253,255,1);--p-color-purple-2:rgba(248,247,255,1);--p-color-purple-5:rgba(233,229,255,1);--p-color-purple-6:rgba(228,222,255,1);--p-color-purple-11:rgba(148,116,255,1);--p-color-purple-12:rgba(128,81,255,1);--p-color-purple-13:rgba(113,38,255,1);--p-color-purple-14:rgba(87,0,209,1);
/* ── Teal (secondary accent for data / tags) ── */
--p-color-teal-3:rgba(215,250,247,1);--p-color-teal-5:rgba(170,246,239,1);--p-color-teal-11:rgba(0,161,152,1);--p-color-teal-12:rgba(18,131,124,1);--p-color-teal-14:rgba(12,83,79,1);
/* ── Black / white alpha (overlays, insets) ── */
--p-color-black-alpha-5:rgba(0,0,0,0.05);--p-color-black-alpha-7:rgba(0,0,0,0.08);--p-color-black-alpha-9:rgba(0,0,0,0.17);--p-color-black-alpha-11:rgba(0,0,0,0.29);--p-color-black-alpha-13:rgba(0,0,0,0.62);
--p-color-backdrop:rgba(0,0,0,0.55);

/* ── Semantic: page + surfaces ── */
--p-color-bg:var(--p-color-gray-6);
--p-color-bg-inverse:var(--p-color-gray-16);
--p-color-bg-surface:var(--p-color-gray-1);
--p-color-bg-surface-hover:var(--p-color-gray-4);
--p-color-bg-surface-active:var(--p-color-gray-5);
--p-color-bg-surface-selected:var(--p-color-gray-6);
--p-color-bg-surface-secondary:var(--p-color-gray-4);
--p-color-bg-surface-secondary-hover:var(--p-color-gray-6);
--p-color-bg-surface-secondary-active:var(--p-color-gray-7);
--p-color-bg-surface-tertiary:var(--p-color-gray-5);
--p-color-bg-surface-disabled:var(--p-color-black-alpha-5);
--p-color-bg-surface-info:var(--p-color-azure-3);
--p-color-bg-surface-success:var(--p-color-green-3);
--p-color-bg-surface-caution:var(--p-color-yellow-2);
--p-color-bg-surface-warning:var(--p-color-orange-3);
--p-color-bg-surface-critical:var(--p-color-red-4);
--p-color-bg-surface-emphasis:var(--p-color-blue-3);
--p-color-bg-surface-magic:var(--p-color-purple-2);

/* ── Semantic: fills (buttons, badges) ── */
--p-color-bg-fill:var(--p-color-gray-1);
--p-color-bg-fill-hover:var(--p-color-gray-4);
--p-color-bg-fill-active:var(--p-color-gray-5);
--p-color-bg-fill-selected:var(--p-color-gray-10);
--p-color-bg-fill-disabled:var(--p-color-black-alpha-5);
--p-color-bg-fill-secondary:var(--p-color-gray-6);
--p-color-bg-fill-tertiary:var(--p-color-gray-8);
--p-color-bg-fill-brand:var(--p-color-gray-15);
--p-color-bg-fill-brand-hover:var(--p-color-gray-16);
--p-color-bg-fill-brand-active:var(--p-color-gray-16);
--p-color-bg-fill-brand-disabled:var(--p-color-black-alpha-9);
--p-color-bg-fill-info:var(--p-color-azure-12);
--p-color-bg-fill-info-secondary:var(--p-color-azure-5);
--p-color-bg-fill-success:var(--p-color-green-12);
--p-color-bg-fill-success-secondary:var(--p-color-green-4);
--p-color-bg-fill-warning:var(--p-color-orange-9);
--p-color-bg-fill-warning-secondary:var(--p-color-orange-8);
--p-color-bg-fill-caution:var(--p-color-yellow-6);
--p-color-bg-fill-critical:var(--p-color-red-12);
--p-color-bg-fill-critical-secondary:var(--p-color-red-7);
--p-color-bg-fill-magic:var(--p-color-purple-12);
--p-color-bg-fill-transparent:var(--p-color-black-alpha-5);

/* ── Semantic: text ── */
--p-color-text:var(--p-color-gray-15);
--p-color-text-secondary:var(--p-color-gray-13);
--p-color-text-disabled:var(--p-color-gray-11);
--p-color-text-link:var(--p-color-blue-13);
--p-color-text-link-hover:var(--p-color-blue-14);
--p-color-text-link-active:var(--p-color-blue-15);
--p-color-text-brand:var(--p-color-gray-14);
--p-color-text-brand-on-bg-fill:var(--p-color-gray-1);
--p-color-text-info:var(--p-color-azure-15);
--p-color-text-info-on-bg-fill:var(--p-color-azure-16);
--p-color-text-success:var(--p-color-green-14);
--p-color-text-success-on-bg-fill:var(--p-color-green-1);
--p-color-text-caution:var(--p-color-yellow-14);
--p-color-text-warning:var(--p-color-orange-14);
--p-color-text-critical:var(--p-color-red-14);
--p-color-text-critical-on-bg-fill:var(--p-color-red-1);
--p-color-text-magic:var(--p-color-purple-14);
--p-color-text-inverse:var(--p-color-gray-8);
--p-color-text-inverse-secondary:var(--p-color-gray-11);
--p-color-text-link-inverse:var(--p-color-azure-9);

/* ── Semantic: borders ── */
--p-color-border:var(--p-color-gray-8);
--p-color-border-hover:var(--p-color-gray-10);
--p-color-border-disabled:var(--p-color-gray-7);
--p-color-border-secondary:var(--p-color-gray-7);
--p-color-border-tertiary:var(--p-color-gray-10);
--p-color-border-focus:var(--p-color-blue-13);
--p-color-border-brand:var(--p-color-gray-8);
--p-color-border-info:var(--p-color-azure-8);
--p-color-border-success:var(--p-color-green-5);
--p-color-border-caution:var(--p-color-yellow-5);
--p-color-border-warning:var(--p-color-orange-8);
--p-color-border-critical:var(--p-color-red-8);
--p-color-border-critical-secondary:var(--p-color-red-14);
--p-color-border-magic:var(--p-color-purple-6);

/* ── Semantic: icons ── */
--p-color-icon:var(--p-color-gray-14);
--p-color-icon-hover:var(--p-color-gray-15);
--p-color-icon-active:var(--p-color-gray-16);
--p-color-icon-disabled:var(--p-color-gray-10);
--p-color-icon-secondary:var(--p-color-gray-12);
--p-color-icon-brand:var(--p-color-gray-16);
--p-color-icon-info:var(--p-color-azure-11);
--p-color-icon-success:var(--p-color-green-12);
--p-color-icon-caution:var(--p-color-yellow-11);
--p-color-icon-warning:var(--p-color-orange-11);
--p-color-icon-critical:var(--p-color-red-11);
--p-color-icon-inverse:var(--p-color-gray-8);
}