/* EasyCheck — design tokens v1
   Single source of truth for the design system.
   Fonts (Archivo + Inter) are loaded via CDN in index.html <head>.
   Self-hosting (SIL OFL 1.1) is deferred to a future phase.
   All tokens use --ec- prefix to avoid colliding with existing --bg/--surface/--accent vars. */

:root {
  /* Backgrounds */
  --ec-bg:          #0a1628;
  --ec-surface:     #0f1f38;
  --ec-surface-2:   #162540;
  --ec-surface-3:   #1c2e4a;

  /* Borders */
  --ec-border:      #1e3352;
  --ec-border-2:    #2a4870;

  /* Text */
  --ec-text:        #e2eaf5;
  --ec-text-muted:  #6b8cae;
  --ec-text-hint:   #3d6080;

  /* Accent — green */
  --ec-accent:      #00c47a;
  --ec-accent-dk:   #00a366;
  --ec-accent-bg:   rgba(0,196,122,.08);
  --ec-accent-glow: rgba(0,196,122,.15);

  /* Semantic */
  --ec-warn:        #f5a623;
  --ec-warn-bg:     rgba(245,166,35,.08);
  --ec-danger:      #f06060;
  --ec-danger-bg:   rgba(240,96,96,.08);
  --ec-info:        #4da6ff;
  --ec-info-bg:     rgba(77,166,255,.08);
  --ec-ok:          #00c47a;
  --ec-ok-bg:       rgba(0,196,122,.08);

  /* Shape */
  --ec-radius:      12px;
  --ec-radius-sm:   8px;
  --ec-radius-xs:   6px;

  /* Typography */
  --ec-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ec-font-display: 'Archivo', 'Inter', sans-serif;

  /* Elevation */
  --ec-shadow-sm:   0 1px 3px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.12);
  --ec-shadow-md:   0 4px 12px rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.15);
  --ec-shadow-lg:   0 12px 32px rgba(0,0,0,.45), 0 4px 12px rgba(0,0,0,.2);

  /* Transition */
  --ec-transition: 140ms ease;
}