/*
 * EdTech Pro — jetons officiels uniques
 * Phase 6: remplace l'ancien assets/ui-tokens.css.
 */
:root {
  --ui-bg: #F7F8FC;
  --ui-card: #FFFFFF;
  --ui-panel: #FFFFFF;
  --ui-soft: #F9FAFB;
  --ui-text: #111827;
  --ui-text-strong: #111827;
  --ui-text-secondary: #4B5563;
  --ui-text-subtle: #6B7280;
  --ui-border: #E5E7EB;
  --ui-border-strong: #D1D5DB;
  --ui-primary: #4F46E5;
  --ui-action-primary: #4F46E5;
  --ui-action-success: #059669;
  --ui-action-warning: #D97706;
  --ui-action-danger: #DC2626;
  --ui-action-neutral: #374151;
  --ui-radius-sm: .5rem;
  --ui-radius-md: .75rem;
  --ui-radius-lg: 1rem;
  --ui-radius-card: 1rem;
  --ui-shadow-soft: 0 10px 28px rgba(17, 24, 39, .08);
  --ui-weight-medium: 500;
  --ui-weight-semibold: 600;
  --ui-weight-bold: 700;
  --ui-weight-heavy: 800;
  color-scheme: light;
}

html {
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--ui-bg);
  color: var(--ui-text);
}

:where(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid rgba(79, 70, 229, .32);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}