:root{
/* Base brand */
--rhino-blue:#164595;
--rhino-blue-700:#123a7d;
--rhino-blue-800:#0f3068;
--rhino-blue-300:#6f92cc;
--rhino-blue-100:#dbe4f4;
--rhino-blue-050:#eef2fa;
--rhino-ink:#171717;
--rhino-ink-800:#2b2b2b;
--rhino-ink-900:#0a0a0a;

/* Neutral ramp */
--neutral-000:#ffffff;
--neutral-025:#f8f9fa;
--neutral-050:#f1f3f5;
--neutral-100:#e7e9ec;
--neutral-200:#d5d8dd;
--neutral-300:#b4b9c1;
--neutral-400:#8b9199;
--neutral-500:#6b7178;
--neutral-600:#4c5155;
--neutral-800:#262626;
--neutral-900:#171717;

/* Semantic status */
--success-500:#1b7f4b;
--success-050:#e6f4ec;
--warning-500:#b46a00;
--warning-050:#fdf2e0;
--danger-500:#b3261e;
--danger-050:#fbeae9;
--info-500:#164595;
--info-050:#eef2fa;

/* Semantic aliases — text */
--text-heading:var(--rhino-ink);
--text-body:var(--neutral-800);
--text-muted:var(--neutral-500);
--text-subtle:var(--neutral-400);
--text-inverse:var(--neutral-000);
--text-link:var(--rhino-blue);
--text-link-hover:var(--rhino-blue-800);
--text-price:var(--rhino-ink);
--text-sale:var(--danger-500);

/* Semantic aliases — surface */
--surface-page:var(--neutral-000);
--surface-muted:var(--neutral-025);
--surface-card:var(--neutral-000);
--surface-sunken:var(--neutral-050);
--surface-inverse:var(--rhino-ink);
--surface-inverse-gradient:linear-gradient(180deg,var(--rhino-ink) 0%,var(--rhino-ink-900) 100%); /* @kind color */
--surface-brand:var(--rhino-blue);
--surface-brand-subtle:var(--rhino-blue-050);

/* Semantic aliases — border */
--border-subtle:var(--neutral-100);
--border-default:var(--neutral-200);
--border-strong:var(--neutral-300);
--border-inverse:rgba(255,255,255,.22);
--border-focus:var(--rhino-blue);

/* Interactive */
--action-primary-bg:var(--rhino-blue);
--action-primary-bg-hover:var(--rhino-blue-700);
--action-primary-bg-active:var(--rhino-blue-800);
--action-primary-fg:var(--neutral-000);
--action-secondary-bg:var(--rhino-ink);
--action-secondary-bg-hover:var(--rhino-ink-800);
--action-secondary-fg:var(--neutral-000);
--action-ghost-fg:var(--rhino-ink);
--action-ghost-bg-hover:var(--neutral-050);
--action-disabled-bg:var(--neutral-100);
--action-disabled-fg:var(--neutral-400);
--focus-ring:0 0 0 3px rgba(22,69,149,.28);
}