/* Semantic color aliases on top of fig-tokens.css primitives */
:root{
  --color-brand-primary: var(--primary-500);
  --color-brand-primary-dark: var(--primary-700);
  --color-brand-primary-light: var(--primary-100);
  --color-brand-secondary: var(--secondary-500);
  --color-brand-secondary-dark: var(--secondary-700);
  --color-brand-secondary-light: var(--secondary-100);

  --surface-page: var(--neutral-50);
  --surface-section: rgb(249,250,251);
  --surface-card: var(--neutral-0);
  --surface-elevated: var(--neutral-0);
  --surface-input: var(--neutral-0);
  --surface-overlay: rgba(13,14,16,0.5);
  --surface-dark: rgb(15,23,42);

  --text-primary: rgb(17,24,39);
  --text-secondary: rgb(71,85,105);
  --text-tertiary: rgb(107,114,128);
  --text-disabled: var(--neutral-400);
  --text-inverse: var(--neutral-0);
  --text-link: var(--color-brand-primary);
  --text-link-hover: var(--primary-700);

  --border-default: rgb(226,232,240);
  --border-strong: rgb(209,213,219);
  --border-divider: rgb(243,244,246);
  --border-focus: var(--primary-500);
  --border-error: var(--error-500);
  --border-active: var(--color-brand-primary);

  --semantic-success-bg: var(--success-50);
  --semantic-success-border: var(--success-500);
  --semantic-success-text: var(--success-700);
  --semantic-warning-bg: var(--warning-50);
  --semantic-warning-border: var(--warning-500);
  --semantic-warning-text: var(--warning-700);
  --semantic-error-bg: var(--error-50);
  --semantic-error-border: var(--error-500);
  --semantic-error-text: var(--error-700);
  --semantic-info-bg: var(--info-50);
  --semantic-info-border: var(--info-500);
  --semantic-info-text: var(--info-700);
}