/* ──────────────────────────────────────────────────────────────
   WiserTalk design tokens (Fase 1 — Fundação)
   Fonte: docs/handoff/styles.css linhas 7-99 (verbatim).
   Adaptação: seletores renomeados para o esquema do projeto.
     :root  →  :root, [data-theme="wisertalk"]   (light + fallback)
     [data-theme="dark"]  →  [data-theme="wisertalk-dark"]
   ────────────────────────────────────────────────────────────── */

:root,
[data-theme="wisertalk"] {
  /* brand */
  --wt-primary:        oklch(0.55 0.18 265);
  --wt-primary-hover:  oklch(0.50 0.18 265);
  --wt-primary-soft:   oklch(0.95 0.04 265);
  --wt-accent:         oklch(0.60 0.20 295);
  --wt-secondary:      oklch(0.70 0.16 150);  /* verde whatsapp moderno */
  --wt-secondary-soft: oklch(0.95 0.05 150);

  /* status */
  --wt-success: oklch(0.68 0.16 150);
  --wt-warning: oklch(0.78 0.15 75);
  --wt-danger:  oklch(0.62 0.20 25);
  --wt-info:    oklch(0.65 0.13 230);

  /* surfaces (light) */
  --wt-bg:          oklch(0.99 0.003 265);
  --wt-bg-2:        oklch(0.97 0.005 265);
  --wt-bg-3:        oklch(0.95 0.006 265);
  --wt-card:        oklch(1.00 0 0);
  --wt-border:      oklch(0.92 0.005 265);
  --wt-border-2:    oklch(0.88 0.008 265);
  --wt-fg:          oklch(0.20 0.02 265);
  --wt-fg-2:        oklch(0.40 0.015 265);
  --wt-fg-3:        oklch(0.55 0.012 265);
  --wt-fg-4:        oklch(0.70 0.008 265);

  /* chat surfaces */
  --wt-chat-bg:     oklch(0.97 0.004 265);
  --wt-bubble-in:   oklch(1.00 0 0);
  --wt-bubble-out:  oklch(0.93 0.04 265);
  --wt-bubble-note: oklch(0.96 0.06 75);

  /* radii */
  --wt-r-sm: 6px;
  --wt-r:    8px;
  --wt-r-md: 10px;
  --wt-r-lg: 14px;
  --wt-r-xl: 20px;

  /* shadow */
  --wt-shadow-sm: 0 1px 2px rgba(13, 18, 30, 0.04);
  --wt-shadow:    0 1px 2px rgba(13, 18, 30, 0.04), 0 4px 12px rgba(13, 18, 30, 0.04);
  --wt-shadow-lg: 0 8px 24px rgba(13, 18, 30, 0.08), 0 2px 6px rgba(13, 18, 30, 0.04);

  /* font */
  --wt-font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wt-font-display: 'Inter Tight', 'Inter', sans-serif;
  --wt-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* sidebar (admin) — light */
  --wt-sidebar-bg:     oklch(0.98 0.004 265);
  --wt-sidebar-border: oklch(0.92 0.005 265);
  --wt-sidebar-fg:     oklch(0.20 0.012 265);
  --wt-sidebar-muted:  oklch(0.50 0.010 265);
  --wt-sidebar-hover:  oklch(0.94 0.008 265);
}

[data-theme="wisertalk-dark"] {
  --wt-primary:        oklch(0.65 0.18 265);
  --wt-primary-hover:  oklch(0.70 0.18 265);
  --wt-primary-soft:   oklch(0.30 0.08 265);
  --wt-accent:         oklch(0.70 0.18 295);
  --wt-secondary:      oklch(0.72 0.16 150);
  --wt-secondary-soft: oklch(0.30 0.06 150);

  --wt-bg:          oklch(0.18 0.012 265);
  --wt-bg-2:        oklch(0.21 0.014 265);
  --wt-bg-3:        oklch(0.24 0.016 265);
  --wt-card:        oklch(0.22 0.014 265);
  --wt-border:      oklch(0.30 0.014 265);
  --wt-border-2:    oklch(0.36 0.014 265);
  --wt-fg:          oklch(0.96 0.005 265);
  --wt-fg-2:        oklch(0.82 0.008 265);
  --wt-fg-3:        oklch(0.65 0.010 265);
  --wt-fg-4:        oklch(0.50 0.010 265);

  --wt-chat-bg:     oklch(0.16 0.012 265);
  --wt-bubble-in:   oklch(0.24 0.014 265);
  --wt-bubble-out:  oklch(0.36 0.08 265);
  --wt-bubble-note: oklch(0.30 0.05 75);

  --wt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --wt-shadow:    0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.25);
  --wt-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3);

  /* sidebar (admin) — dark, slightly darker than card */
  --wt-sidebar-bg:     oklch(0.15 0.012 265);
  --wt-sidebar-border: oklch(0.26 0.014 265);
  --wt-sidebar-fg:     oklch(0.96 0.005 265);
  --wt-sidebar-muted:  oklch(0.62 0.010 265);
  --wt-sidebar-hover:  oklch(0.22 0.014 265);
}