/* tokens.css — Explorer auth design system tokens
   Lifted from explorer_sandbox/src/index.css and CLAUDE.md.
   Every colour in components.css must trace to a variable here. */
:root {
  /* Surfaces */
  --bg-primary:  #0D1B2A;
  --bg-card:     #112436;
  --bg-panel:    #162d42;
  --border:      #1e3a52;

  /* Brand */
  --teal:        #00B897;
  --teal-rgb:    0, 184, 151;
  --tan:         #e8d5b7;

  /* Text */
  --text:        #e2e8f0;
  --text-dim:    #94a3b8;
  --text-muted:  #64748b;

  /* Status */
  --success:     #4ade80;
  --warning:     #fbbf24;
  --info:        #60a5fa;
  --danger:      #f87171;

  /* Geometry */
  --radius-card:  12px;
  --radius-input: 8px;

  /* Shadow & glow */
  --shadow-card: 0 16px 40px rgba(0, 0, 0, 0.45), 0 4px 12px rgba(0, 0, 0, 0.3);
  --glow-teal:   0 0 18px rgba(var(--teal-rgb), 0.5);

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif;
}