/* Light-mode defaults — copied verbatim from globals.css :root */
:root {
  --base:             #f8fafc;
  --surface:          #ffffff;
  --surface-raised:   #f1f5f9;
  --surface-overlay:  #e2e8f0;
  --inverse:          #0f172a;

  --border-color:     #e2e8f0;
  --border-strong:    #cbd5e1;

  --text-primary:     #0f172a;
  --text-secondary:   #475569;
  --text-muted:       #64748b;
  --text-placeholder: #94a3b8;
  --text-inverse:     #ffffff;
}

/* Dark-mode overrides — copied verbatim from globals.css .dark */
.dark {
  --base:             #020617;
  --surface:          #0f172a;
  --surface-raised:   #1e293b;
  --surface-overlay:  #334155;
  --inverse:          #f1f5f9;

  --border-color:     #334155;
  --border-strong:    #475569;

  --text-primary:     #f1f5f9;
  --text-secondary:   #94a3b8;
  --text-muted:       #64748b;
  --text-placeholder: #64748b;
  --text-inverse:     #0f172a;
}

:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
  border-radius: 4px;
}

.scrollbar-none { scrollbar-width: none; -ms-overflow-style: none; }
.scrollbar-none::-webkit-scrollbar { display: none; }