/* Semantic aliases — components reference these, never the base palette directly. */
:root{
  /* Text */
  --text-strong:var(--gray-900);
  --text-body:var(--gray-700);
  --text-muted:var(--gray-500);
  --text-faint:var(--gray-400);
  --text-brand:var(--deca-blue);
  --text-inverse:var(--deca-white);
  --text-inverse-muted:rgba(255,255,255,.76);
  --text-on-brand:var(--deca-white);
  --text-link:var(--deca-blue);
  --text-link-hover:var(--deca-blue-press);

  /* Surfaces */
  --surface-page:var(--deca-white);
  --surface-subtle:var(--gray-50);
  --surface-card:var(--deca-white);
  --surface-raised:var(--deca-white);
  --surface-brand:var(--deca-blue);
  --surface-brand-tint:var(--deca-blue-tint-08);
  --surface-deep:var(--deca-navy);
  --surface-dark:var(--gray-900);
  --surface-overlay:rgba(17,19,21,.56);
  --surface-hover:var(--gray-50);
  --surface-press:var(--gray-100);

  /* Borders */
  --border-subtle:var(--gray-200);
  --border-default:var(--gray-300);
  --border-strong:var(--gray-400);
  --border-brand:var(--deca-blue);
  --border-inverse:rgba(255,255,255,.28);

  /* Controls */
  --control-height-sm:32px;
  --control-height-md:42px;
  --control-height-lg:52px;
  --control-padding-x-sm:14px;
  --control-padding-x-md:20px;
  --control-padding-x-lg:28px;

  --focus-ring-color:var(--deca-blue);
  --focus-ring-offset:2px;

  /* Component-level aliases */
  --card-border:var(--border-subtle);
  --card-radius:var(--radius-card);
  --card-shadow:var(--shadow-none);
  --card-padding:var(--space-6);
  --accent-rule:var(--deca-blue);
}