:root{
/* Primary palette (guidelines 3.1) */
--lions-blue:#00338D;      /* Pantone 287 */
--lions-yellow:#EBB700;    /* Pantone 7406 */
--lions-purple:#7A2582;    /* Pantone 2612 */
/* Secondary palette — use sparingly, as accents */
--lions-sky:#407CCA;       /* Pantone 660 */
--lions-navy:#0D2240;      /* Pantone 289 */
--lions-gray-11:#55565A;   /* Cool Gray 11 */
--lions-gray-5:#B3B2B1;    /* Cool Gray 5 */
--lions-green:#00AB68;     /* Pantone 3405 */
--lions-orange:#FF5B35;    /* Pantone 171 */
--white:#FFFFFF;
--black:#000000;

/* Derived neutrals & tints (oklch-mixed from palette for UI states) */
--blue-700:#002a73;
--blue-800:#00215c;
--blue-50:#eef3fa;
--blue-100:#d9e3f2;
--yellow-600:#d4a500;
--yellow-50:#fdf6dc;
--purple-700:#64196b;
--gray-50:#f6f6f6;
--gray-100:#ececec;
--gray-200:#dcdcdb;
--gray-300:#B3B2B1;
--gray-600:#55565A;
--gray-900:#222326;

/* Semantic aliases */
--text-strong:var(--gray-900);
--text-body:#333438;
--text-muted:var(--lions-gray-11);
--text-inverse:var(--white);
--text-heading:var(--lions-blue);
--text-link:var(--lions-blue);
--text-link-hover:var(--lions-sky);
--text-approved:var(--lions-blue);

--surface-page:var(--white);
--surface-subtle:var(--gray-50);
--surface-card:var(--white);
--surface-brand:var(--lions-blue);
--surface-dark:var(--lions-navy);
--surface-accent:var(--lions-yellow);
--surface-tint:var(--blue-50);

--border-subtle:var(--gray-200);
--border-default:var(--gray-300);
--border-strong:var(--lions-gray-11);
--border-focus:var(--lions-sky);

--action-primary:var(--lions-blue);
--action-primary-hover:var(--blue-800);
--action-donate:var(--lions-yellow);
--action-donate-hover:var(--yellow-600);
--accent-rule:var(--lions-yellow);

--status-success:var(--lions-green);
--status-warning:var(--lions-yellow);
--status-danger:var(--lions-orange);
--status-info:var(--lions-sky);

/* Official gradients (guidelines 3.2) */
--gradient-solid:linear-gradient(90deg,var(--lions-navy) 0%,var(--lions-blue) 50%,var(--lions-purple) 100%);
--gradient-overlay:linear-gradient(90deg,var(--lions-purple) 0%,var(--lions-blue) 50%,rgba(0,51,141,.05) 100%);
--gradient-cover:linear-gradient(135deg,var(--lions-navy) 0%,var(--lions-blue) 40%,var(--lions-purple) 100%);
--overlay-purple:rgba(122,37,130,.72);
--overlay-blue:rgba(0,51,141,.72);
}