/* ═══════════════════════════════════════════════════════════════
   DELTA ACADEMY · DESIGN TOKENS (canônico)
   Todo componente consome daqui. Sem hex solto no código.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Cores de marca ── */
  --pine-700: #1f3331;   /* marca primária: sidebar, blocos escuros, botões primários */
  --pine-800: #142623;   /* hover do Pine, texto de títulos */
  --pine-600: #2a4240;   /* shades intermediários da sidebar */
  --pine-500: #3a5452;
  --olive-600: #5c6c51;  /* secundária: acentos, stamps, links */
  --olive-500: #6b7c5e;  /* anel de foco (usado a 70% alpha) */
  --olive-50: #f0f1e8;   /* blocos suaves, chips ativos */

  /* ── Papel e neutros ── */
  --cream-50: #faf7ef;   /* fundo padrão da página */
  --paper: #ffffff;      /* cards e sheets sobre o cream */
  --cream-100: #f3eedf;  /* bloco recuado, sunken */
  --stone-400: #8a8a7e;  /* texto sutil */
  --stone-500: #5d5d54;  /* texto muted */
  --stone-200: #d6d6ce;  /* divisores */

  /* ── Status de agente ── */
  --status-online: #4f7a4a;
  --status-busy: #b8862c;
  --status-away: #8a8a7e;

  /* ── Acentos por categoria (paleta Delta, sem cor de terceiros) ── */
  --accent-comercial: #3B5B3B;
  --accent-feedback: #5C6C51;
  --accent-branding: #7C5B3B;
  --accent-growth: #4A7C59;
  --accent-design: #3a5452;
  --accent-crm: #6B7C4A;

  /* ── Paleta de avatares de agente (família pine/olive/earth) ── */
  --agent-pine: #2D3B2D;
  --agent-sage: #4A7C59;
  --agent-moss: #5C6C51;
  --agent-forest: #3B5B3B;
  --agent-olive: #6B7C4A;
  --agent-earth: #7C5B3B;
  --agent-stone: #5B5B5B;

  /* ── Medalhas do pódio (neutros + earth, on-palette) ── */
  --rank-1: var(--warning);
  --rank-2: var(--stone-400);
  --rank-3: #7C5B3B;

  /* ── Ink puro sobre cor de marca (não muda por tema) ── */
  --on-brand: #ffffff;

  /* ── Semânticos ── */
  --success: #4f7a4a;      --success-bg: #e6efde;
  --warning: #b8862c;      --warning-bg: #f6ecd0;
  --danger: #9a3a2c;       --danger-bg: #f3dcd3;

  /* ── Bordas (Pine em alpha) ── */
  --border-subtle: rgba(31, 51, 49, 0.10);
  --border-default: rgba(31, 51, 49, 0.18);
  --border-strong: rgba(31, 51, 49, 0.35);
  --border-w-control: 1.5px;   /* botões e inputs: sensação de carimbo */

  /* ── Cantos ── */
  --radius-control: 2px;   /* controles pequenos */
  --radius-card: 4px;      /* cards */
  --radius-hero: 0;        /* blocos hero, stamps, full bleed */
  --radius-pill: 999px;    /* SÓ chips de Tag */

  /* ── Elevação ── */
  /* Plano por padrão. Único efeito permitido: carimbo chapado. */
  --shadow-stamp: 2px 2px 0 0 var(--pine-700);

  /* ── Foco ── */
  --focus-ring: 0 0 0 3px rgba(107, 124, 94, 0.70);

  /* ── Tipografia ── */
  --font-display: 'Eurostile', 'Arial Narrow', sans-serif;
  --font-display-ext: 'Eurostile Extended', 'Arial Narrow', sans-serif;
  --font-text: 'Aeonik', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Escala: 10 11 12 14 16 18 20 24 30 38 48 64 84 112 */
  --text-10: 10px; --text-11: 11px; --text-12: 12px; --text-14: 14px;
  --text-16: 16px; --text-18: 18px; --text-20: 20px; --text-24: 24px;
  --text-30: 30px; --text-38: 38px; --text-48: 48px; --text-64: 64px;
  --text-84: 84px; --text-112: 112px;

  /* Tracking */
  --track-display: -0.02em;   /* display hero */
  --track-eyebrow: 0.18em;    /* eyebrow/label: 0.16–0.2em */
  --track-stamp: 0.2em;       /* stamp/badge */
  --track-button: 0.08em;     /* label de botão */

  /* ── Movimento ── */
  --motion: 140ms ease;
}

/* ── Papéis tipográficos ── */
.type-hero      { font-family: var(--font-display); font-weight: 900; font-size: var(--text-64); line-height: 1.05; letter-spacing: var(--track-display); }
.type-h1        { font-family: var(--font-display); font-weight: 900; font-size: var(--text-38); line-height: 1.05; letter-spacing: var(--track-display); }
.type-body      { font-family: var(--font-text); font-weight: 400; font-size: var(--text-16); line-height: 1.55; }
.type-eyebrow   { font-family: var(--font-display-ext); font-weight: 500; font-size: var(--text-11); text-transform: uppercase; letter-spacing: var(--track-eyebrow); }
.type-stamp     { font-family: var(--font-display-ext); font-weight: 900; font-size: var(--text-10); text-transform: uppercase; letter-spacing: var(--track-stamp); }
.type-button    { font-family: var(--font-display); font-weight: 700; font-size: var(--text-14); text-transform: uppercase; letter-spacing: var(--track-button); }
.type-number    { font-family: var(--font-display); font-weight: 900; }

/* ═══════════════════════════════════════════════════════════════
   DARK MODE · valores atuais formalizados como tokens
   (pendente confirmação da paleta escura oficial da Delta)
   ═══════════════════════════════════════════════════════════════ */
[data-theme="dark"] {
  --pine-ink: #151A15;        /* fundo da página */
  --pine-surface: #1a201a;    /* header/superfícies */
  --pine-card: #1e241e;       /* cards */
  --pine-line: #2a322a;       /* bordas/divisores */
  --ink-body: #e8e4dc;        /* texto corpo */
  --ink-secondary: #8a8a7e;   /* texto secundário */
  --ink-muted: #5a5a54;       /* texto muted */
  --ink-heading: var(--warning); /* headings (âmbar quente da paleta) */
  --ink-heading-soft: rgba(184, 134, 44, 0.5);  /* headings atenuados */
  --ink-user-bubble: #2a3a2a; /* bolha do usuário no chat */
  --ink-wash: rgba(90,120,90,0.15);      /* acento olive translúcido */
  --ink-wash-strong: rgba(90,120,90,0.2);
  --ink-danger: #ff8080;      /* danger suave sobre escuro */
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}