/* Semantic aliases — what components actually reference. */
:root{
/* Surfaces */
--surface-page:var(--color-neutral-100);
--surface-raised:var(--color-neutral-300);
--surface-sunken:var(--color-neutral-400);
--surface-card:var(--color-neutral-100);
--surface-inverse:var(--color-charcoal-500);
--surface-overlay:rgba(0,0,0,0.5);
--surface-scrim:rgba(0,0,0,0.3);
--surface-glass:rgba(255,254,253,0.7);
/* Text */
--text-primary:var(--color-neutral-1000);
--text-secondary:var(--color-neutral-700);
--text-tertiary:var(--color-neutral-600);
--text-muted:var(--color-neutral-800);
--text-disabled:var(--color-neutral-500);
--text-inverse:var(--color-neutral-100);
--text-danger:var(--color-red-500);
--text-success:var(--color-green-500);
--text-link:var(--color-neutral-1000);
--text-link-hover:var(--color-charcoal-500);
/* Borders */
--border-default:var(--color-neutral-400);
--border-subtle:var(--color-neutral-300);
--border-strong:var(--color-neutral-900);
--border-tertiary:var(--color-neutral-600);
--border-danger:var(--color-red-500);
--border-inverse:var(--color-neutral-100);
/* Actions */
--action-primary:var(--color-charcoal-500);
--action-primary-hover:var(--color-charcoal-600);
--action-primary-disabled:var(--color-neutral-300);
--action-secondary:var(--color-neutral-100);
--action-secondary-hover:var(--color-neutral-300);
--action-danger:var(--color-red-500);
--action-danger-hover:var(--color-red-600);
--focus-ring:#F2EFED;
/* Status */
--status-sale:var(--color-red-500);
--status-saving:var(--color-green-500);
--status-rating:var(--color-yellow-1000);
--status-promo:var(--color-orange-500);
}