/* Semantic aliases. Prefer these in product code over the raw palette. */
:root{
  /* Text */
  --text-heading:var(--sp-ink-900);
  --text-body:var(--sp-charcoal);
  --text-muted:var(--sp-ink-500);
  --text-subtle:var(--sp-ink-400);
  --text-inverse:var(--sp-white);
  --text-inverse-muted:rgba(255,255,255,.72);
  --text-link:var(--sp-magenta-600);
  --text-link-hover:var(--sp-purple-600);
  --text-accent:var(--sp-magenta-500);
  --text-on-brand:var(--sp-white);
  --text-danger:var(--sp-danger-700);
  --text-success:var(--sp-success-700);

  /* Surfaces */
  --surface-page:var(--sp-white);
  --surface-page-alt:var(--sp-ink-050);
  --surface-card:var(--sp-white);
  --surface-card-alt:var(--sp-ink-050);
  --surface-raised:var(--sp-white);
  --surface-sunken:var(--sp-ink-100);
  --surface-inverse:var(--sp-ink-900);
  --surface-brand:var(--sp-gradient-signature);
  --surface-wash:var(--sp-gradient-wash);
  --surface-tint-coral:var(--sp-coral-050);
  --surface-tint-pink:var(--sp-pink-050);
  --surface-tint-magenta:var(--sp-magenta-050);
  --surface-tint-purple:var(--sp-purple-050);
  --surface-scrim:rgba(31,31,31,.56);
  --surface-glass:rgba(255,255,255,.72);

  /* Borders */
  --border-subtle:var(--sp-ink-200);
  --border-default:var(--sp-ink-300);
  --border-strong:var(--sp-charcoal);
  --border-inverse:rgba(255,255,255,.24);
  --border-accent:var(--sp-magenta-500);

  /* Controls */
  --control-primary-bg:var(--sp-gradient-signature);
  --control-primary-fg:var(--sp-white);
  --control-secondary-bg:var(--sp-charcoal);
  --control-secondary-fg:var(--sp-white);
  --control-ghost-fg:var(--sp-charcoal);
  --control-disabled-bg:var(--sp-ink-100);
  --control-disabled-fg:var(--sp-ink-400);
  --field-bg:var(--sp-white);
  --field-border:var(--sp-ink-300);
  --field-border-focus:var(--sp-magenta-500);
  --field-placeholder:var(--sp-ink-400);

  /* Cards & layout */
  --surface-card-radius:var(--sp-radius-card);
  --surface-card-shadow:var(--sp-shadow-sm);
  --surface-card-shadow-hover:var(--sp-shadow-lg);
  --focus-ring:var(--sp-focus-ring);
}