/**
 * shared/tokens-admin.css
 * ───────────────────────────────────────────────────────────────
 * Tokens de design do painel admin (tema duplo claro/escuro).
 * Escala de cinzas Tailwind, distinta da marca (tokens-app.css).
 *
 * Contem APENAS as definicoes de token (:root claro e
 * [data-theme="dark"] escuro). Os overrides de componente
 * [data-theme="dark"] .classe {} continuam inline no admin.html.
 *
 * Exclusivo do admin.html. Nao usar em outras paginas.
 * ───────────────────────────────────────────────────────────────
 */
:root {
  /* Brand - aivelo accent blue */
  --color-primary: #2B7BF5;
  --color-primary-hover: #1A6AE0;
  --color-primary-light: #EBF2FF;
  --color-primary-dark: #1854C8;

  /* Neutrals - tailwind gray (aivelo light mode) */
  --color-gray-900: #1F2937;
  --color-gray-700: #374151;
  --color-gray-600: #4B5563;
  --color-gray-500: #6B7280;
  --color-gray-400: #9CA3AF;
  --color-gray-300: #D1D5DB;
  --color-gray-200: #E5E7EB;
  --color-gray-100: #F3F4F6;
  --color-gray-50: #F9FAFB;
  --color-white: #FFFFFF;

  /* Semantic */
  --color-success: #22C55E;
  --color-success-light: #F0FDF4;
  --color-success-text: #15803D;
  --color-warning: #F59E0B;
  --color-warning-light: #FFFBEB;
  --color-warning-text: #B45309;
  --color-error: #EF4444;
  --color-error-light: #FEF2F2;
  --color-error-text: #B91C1C;
  --color-info: #2B7BF5;

  /* Aliases - mantem compatibilidade com HTML existente */
  --bg: #F3F4F6;
  --surface: #FFFFFF;
  --surface2: #F3F4F6;
  --surface3: #E5E7EB;
  --border: #E5E7EB;
  --border2: #D1D5DB;
  --text: #1F2937;
  --text2: #6B7280;
  --accent: #2B7BF5;
  --accent2: #1A6AE0;
  --accent-dim: #EBF2FF;
  --green: #22C55E;
  --red: #EF4444;
  --amber: #F59E0B;
  --blue: #2B7BF5;
  --pink: #EC4899;

  /* Radius */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  /* Shadows - aivelo (sutis, sem peso excessivo) */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.10);
  --shadow-focus: 0 0 0 3px rgba(43, 123, 245, 0.25);

  /* Motion */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-enter: cubic-bezier(0.0, 0, 0.2, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);

  /* Badge border tokens */
  --badge-success-border: #bbf7d0;
  --badge-warning-border: #fde68a;
  --badge-error-border: #fecaca;
  --badge-primary-border: #bfdbfe;
  --badge-neutral-border: var(--color-gray-200);
}

/* DARK MODE - aivelo palette */
[data-theme="dark"] {
  --color-gray-900: #E6E6E6;
  --color-gray-700: #CCCCCC;
  --color-gray-600: #BBBBBB;
  --color-gray-500: #AAAAAA;
  --color-gray-400: #777777;
  --color-gray-300: #444444;
  --color-gray-200: #333333;
  --color-gray-100: #2F2F2F;
  --color-gray-50:  #2A2A2A;
  --color-white:    #2A2A2A;

  --color-primary: #4DA3FF;
  --color-primary-light: #222222;
  --color-primary-dark: #4DA3FF;

  --color-success-light: #222222;
  --color-success-text:  #4ADE80;
  --color-warning-light: #222222;
  --color-warning-text:  #FBB040;
  --color-error-light:   #222222;
  --color-error-text:    #F87171;

  --bg:       #222222;
  --surface:  #2A2A2A;
  --surface2: #2F2F2F;
  --surface3: #333333;
  --border:   #333333;
  --border2:  #444444;
  --text:     #E6E6E6;
  --text2:    #999999;
  --accent-dim: #222222;

  --badge-success-border: rgba(74, 222, 128, 0.2);
  --badge-warning-border: rgba(251, 176, 64, 0.2);
  --badge-error-border: rgba(248, 113, 113, 0.2);
  --badge-primary-border: rgba(77, 163, 255, 0.2);
  --badge-neutral-border: var(--color-gray-200);
}