/* ERI Trust Portal — shared design tokens (primitive → semantic) */

:root {
  /* Figma semantic tokens */
  --color-border-default: #E5E5E5;
  --color-text-default: #212121;
  --color-text-primary: #155036;
  --color-text-caption: #686868;
  --color-text-placeholder: #9E9E9E;
  --color-surface-base: #FFFFFF;
  --color-bg-muted: #F5F5F5;
  --color-brand-primary: #155036;
  --color-brand-primary-hover: #124528;
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

  /* Legacy aliases */
  --color-navy-900: #0C1E3D;
  --color-navy-800: #0A1628;
  --color-navy-700: #1E3A5F;
  --color-accent-600: #1E40AF;
  --color-accent-100: #DBEAFE;
  --color-brand-green: #155036;
  --color-text-secondary: #475569;
  --color-text-muted: #64748B;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F8FAFC;
  --color-border: #E5E5E5;
  --color-border-strong: #CBD5E1;
  --color-danger: #B91C1C;
  --color-success: #155036;

  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: 'Inter', system-ui, sans-serif;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 16px;
  --shadow-card: var(--shadow-md);
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}