/* Zip Labs — cores da marca. Fonte da verdade: design.md (raiz). */
:root {
  /* principais */
  --zl-zip-violet: #7C3AED;  /* destaque em fundo claro */
  --zl-violet-light: #A78BFA;  /* destaque em fundo escuro */
  --zl-violet-deep: #6D28D9;  /* hover / pressionado */
  --zl-ink: #140F26;  /* texto principal */
  --zl-night: #0E0B1A;  /* fundo escuro */
  --zl-paper: #F5F3FF;  /* fundo claro alternativo */
  --zl-white: #FFFFFF;  /* fundo claro padrão */

  /* escala violet */
  --zl-violet-50: #F5F3FF;
  --zl-violet-100: #EDE9FE;
  --zl-violet-200: #DDD6FE;
  --zl-violet-300: #C4B5FD;
  --zl-violet-400: #A78BFA;
  --zl-violet-500: #8B5CF6;
  --zl-violet-600: #7C3AED;
  --zl-violet-700: #6D28D9;
  --zl-violet-800: #5B21B6;
  --zl-violet-900: #4C1D95;

  /* escala ink (neutros) */
  --zl-ink-50: #FAFAFC;
  --zl-ink-100: #F1F0F5;
  --zl-ink-200: #E2E0E8;
  --zl-ink-300: #C2BFCE;
  --zl-ink-400: #9C97AD;
  --zl-ink-500: #78728C;
  --zl-ink-600: #575070;
  --zl-ink-700: #3A3352;
  --zl-ink-800: #221C38;
  --zl-ink-900: #140F26;
  --zl-ink-950: #0E0B1A;

  /* feedback */
  --zl-success: #16A34A;
  --zl-warning: #D97706;
  --zl-danger: #DC2626;

  /* tokens semânticos — tema claro */
  --zl-bg: var(--zl-white);
  --zl-surface: var(--zl-ink-50);
  --zl-border: var(--zl-ink-200);
  --zl-text: var(--zl-ink);
  --zl-text-muted: var(--zl-ink-600);
  --zl-accent: var(--zl-zip-violet);
  --zl-accent-hover: var(--zl-violet-deep);
  --zl-on-accent: var(--zl-white);
  --zl-focus: var(--zl-violet-400);
}

/* tema escuro: adicione data-theme="dark" no <html> */
[data-theme="dark"] {
  --zl-bg: var(--zl-night);
  --zl-surface: var(--zl-ink-800);
  --zl-border: var(--zl-ink-800);
  --zl-text: var(--zl-paper);
  --zl-text-muted: var(--zl-ink-400);
  --zl-accent: var(--zl-violet-light);
  --zl-accent-hover: var(--zl-violet-300);
  --zl-on-accent: var(--zl-night);
}