/*
 * CellPay Design System — component-tier flat aliases (v1.0)
 * ──────────────────────────────────────────────────────────
 * Auto-generated. Do not hand-edit.
 *
 * Shadcn-style component aliases (--primary, --card, --ring, --background)
 * referenced by @cellpay/ui components. Every entry chains to a canonical
 * token, so theme switches cascade automatically.
 */

:root {
  --background: var(--semantic-color-surface-canvas);
  --foreground: var(--semantic-color-text-primary);
  --card: var(--semantic-color-surface-raised);
  --card-foreground: var(--semantic-color-text-primary);
  --popover: var(--semantic-color-surface-overlay);
  --popover-foreground: var(--semantic-color-text-primary);
  --primary: var(--semantic-color-action-primary);
  --primary-foreground: var(--semantic-color-action-primary-on);
  --primary-hover: var(--semantic-color-action-primary-hover);
  --primary-light: var(--color-brand-50);
  --primary-text: var(--semantic-color-text-link);
  --secondary: var(--semantic-color-action-secondary);
  --secondary-foreground: var(--semantic-color-text-primary);
  --muted: var(--semantic-color-surface-sunken);
  --muted-foreground: var(--semantic-color-text-secondary);
  --accent: var(--color-brand-50);
  --accent-foreground: var(--color-brand-700);
  --border: var(--semantic-color-border-default);
  --input: var(--semantic-color-surface-sunken);
  --ring: var(--semantic-color-border-focus);
  --destructive: var(--semantic-color-action-danger);
  --destructive-foreground: var(--semantic-color-text-on-danger);
  --success: var(--color-success-500);
  --warning: var(--color-warning-500);
  --danger: var(--color-danger-500);
  --info: var(--color-brand-500);
  --success-fg: var(--semantic-color-text-on-success);
  --warning-fg: var(--semantic-color-text-on-warning);
  --danger-fg: var(--semantic-color-text-on-danger);
  --info-fg: var(--semantic-color-text-on-brand);
  --shadow-focus: 0 0 0 3px hsl(var(--color-brand-500) / 0.30);
  --radius: var(--semantic-radius-container);
}