/* ============================================================
   v3-tokens.css — INTEGRAÇÃO ao design system existente (v2)
   Sessão 132+ — herda de /theme/v2/01-tokens.css, NÃO substitui.
   Define apenas refinamentos: espaçamento mais respirado, motion,
   raios coerentes, tokens semânticos pra componentes novos.
   ============================================================ */

:root {
  /* ─── ALIASES → tokens existentes (não duplicar cores) ─── */
  /* Cores brand: --brand-500 #1E5BAA já definido em 01-tokens.css */
  --v3-brand:        var(--brand-500, #1E5BAA);
  --v3-brand-soft:   var(--brand-50,  #EFF4FB);
  --v3-brand-hover:  var(--brand-600, #154A8E);
  --v3-brand-active: var(--brand-700, #0F3B73);

  /* Accent (violet — exceção pra IA/premium, mantém personalidade Ello) */
  --v3-accent:       #7c3aed;
  --v3-accent-soft:  #ede9fe;
  --v3-accent-hover: #6d28d9;

  /* Surfaces — herda do v2 */
  --v3-bg:         var(--bg-app, #F7F9FC);
  --v3-bg-subtle:  var(--bg-sunken, #EEF2F7);
  --v3-surface:    var(--bg-surface, #FFFFFF);
  --v3-surface-2:  var(--bg-elevated, #FFFFFF);
  --v3-hover:      var(--bg-hover, #EEF2F7);

  /* Borders */
  --v3-border:        var(--border-subtle, #E1E7EF);
  --v3-border-strong: var(--border-default, #CBD3DE);

  /* Text */
  --v3-text:    var(--text-primary, #0E1424);
  --v3-text-2:  var(--text-secondary, #4A5670);
  --v3-text-3:  var(--text-tertiary, #6B7891);
  --v3-text-4:  var(--text-disabled, #9AA6B8);
  --v3-text-on: var(--text-inverse, #FFFFFF);

  /* Semânticas — herda */
  --v3-success:      var(--success-500, #1A8754);
  --v3-success-soft: var(--success-50, #E8F5EE);
  --v3-warn:         var(--warning-500, #B8730F);
  --v3-warn-soft:    var(--warning-50, #FEF6E7);
  --v3-danger:       var(--danger-500, #C8252C);
  --v3-danger-soft:  var(--danger-50, #FCEBEC);
  --v3-info:         var(--info-500, #1769C1);
  --v3-info-soft:    var(--info-50, #E7F0FB);

  /* Sombras — herda */
  --v3-shadow-xs: var(--shadow-xs, 0 1px 2px rgba(14, 20, 36, 0.04));
  --v3-shadow-sm: var(--shadow-sm, 0 1px 3px rgba(14, 20, 36, 0.06));
  --v3-shadow-md: var(--shadow-md, 0 4px 12px rgba(14, 20, 36, 0.08));
  --v3-shadow-lg: var(--shadow-lg, 0 12px 32px rgba(14, 20, 36, 0.12));
  --v3-shadow-xl: var(--shadow-xl, 0 24px 48px rgba(14, 20, 36, 0.16));
  --v3-shadow-2xl: var(--shadow-2xl, 0 32px 64px rgba(14, 20, 36, 0.2));
  --v3-focus: var(--focus-ring, 0 0 0 3px rgba(30, 91, 170, 0.25));
  --v3-focus-danger: 0 0 0 3px rgba(200, 37, 44, 0.22);
  --v3-overlay: var(--overlay, rgba(14, 20, 36, 0.5));

  /* ─── REFINAMENTOS PRÓPRIOS DO v3 (não substituem) ─── */

  /* Espaçamento (escala 4px — respirado, não apertado) */
  --v3-space-1: 4px;
  --v3-space-2: 8px;
  --v3-space-3: 12px;
  --v3-space-4: 16px;
  --v3-space-5: 20px;
  --v3-space-6: 24px;
  --v3-space-7: 28px;
  --v3-space-8: 32px;
  --v3-space-10: 40px;
  --v3-space-12: 48px;
  --v3-space-16: 64px;
  --v3-space-20: 80px;

  /* Raios coerentes */
  --v3-radius-xs: 4px;
  --v3-radius-sm: 6px;
  --v3-radius-md: 8px;
  --v3-radius-lg: 10px;
  --v3-radius-xl: 12px;
  --v3-radius-2xl: 16px;
  --v3-radius-full: 9999px;

  /* Tipografia — usa as MESMAS fontes do sistema (não inventa) */
  --v3-font-ui:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --v3-font-display:  'IBM Plex Sans', 'Inter', sans-serif;
  --v3-font-mono:     'IBM Plex Mono', 'SF Mono', Monaco, Consolas, monospace;

  /* Tamanhos texto (densidade adequada) */
  --v3-text-xs:   11px;
  --v3-text-sm:   12px;
  --v3-text-base: 13px;
  --v3-text-md:   14px;
  --v3-text-lg:   15px;
  --v3-text-xl:   16px;
  --v3-text-2xl:  18px;
  --v3-text-3xl:  22px;
  --v3-text-4xl:  28px;
  --v3-text-5xl:  36px;

  --v3-leading-tight: 1.2;
  --v3-leading-snug:  1.35;
  --v3-leading-base:  1.5;
  --v3-tracking-tight:-0.02em;
  --v3-tracking-caps: 0.06em;

  --v3-weight-medium:   500;
  --v3-weight-semibold: 600;
  --v3-weight-bold:     700;

  /* Motion */
  --v3-duration-fast:   100ms;
  --v3-duration-base:   180ms;
  --v3-duration-medium: 280ms;
  --v3-ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
  --v3-ease-spring:     cubic-bezier(0.5, 1.5, 0.5, 1);

  /* Layout */
  --v3-drawer-width-sm: 420px;
  --v3-drawer-width-md: 540px;
  --v3-drawer-width-lg: 720px;
  --v3-drawer-width-xl: 920px;

  /* Z-index — M55.B escala global padronizada
     Hierarquia coerente com sol/lvd/ficha/turma/ea overlays (todos em 9999+):
        50      — sticky headers
        500     — chat filter overlay (M50.fix.2 elevado pra 9500)
        3000    — popovers, dropdowns, tooltips
        8800    — drawers laterais (abaixo de modais filhos)
        8900    — v3-overlay (overlay base dos drawers v3)
        9000    — v3-modal (corpo do drawer/modal v3)
        9500    — chat-filter-panel (M50.fix.2)
        9999    — sol-overlay, lvd-overlay, ficha-overlay, turma-overlay, ea-overlay
        10000   — corpo dos modais filhos
        10001   — cf-aisug-overlay (IA sugestões)
        11000   — v3-toast (sempre topo)
        99999   — cfModalOverlay (modalConfirm/Alert/Prompt globais — top absoluto)
  */
  --v3-z-overlay: 8900;
  --v3-z-modal:   9000;
  --v3-z-popover: 3000;
  --v3-z-toast:   11000;
}