/* ============================================================
   ARCANJO DESIGN SYSTEM — tokens
   Tema claro por padrão · escuro via [data-theme="dark"]
   ============================================================ */

:root {
  /* ---- superfícies ---- */
  --bg:        #F5F7FA;
  --bg-2:      #FFFFFF;
  --surface:   #FFFFFF;
  --surface-2: #F1F4F9;
  --surface-3: #E5EBF3;
  --border:    #E2E8F0;
  --border-2:  #CBD5E1;

  /* ---- texto ---- */
  --text:   #0D1826;
  --text-2: #3C4F64;
  --muted:  #64748B;
  --faint:  #94A3B8;

  /* ---- marca ---- */
  --brand:      #0B4F71;
  --brand-2:    #0E6E9C;
  --brand-ink:  #FFFFFF;
  --brand-tint: rgba(11,79,113,.075);
  --brand-line: rgba(11,79,113,.20);

  --gold:      #A9762C;
  --gold-tint: rgba(169,118,44,.10);

  /* ---- IA (superfícies inteligentes) ---- */
  --ai:      #6537E8;
  --ai-2:    #8B5CF6;
  --ai-tint: rgba(101,55,232,.07);
  --ai-line: rgba(101,55,232,.20);

  /* ---- semântico ---- */
  --pos:      #0B8457;
  --pos-tint: rgba(11,132,87,.10);
  --warn:     #B45309;
  --warn-tint:rgba(180,83,9,.10);
  --neg:      #B42318;
  --neg-tint: rgba(180,35,24,.09);

  /* ---- série de dados (categórica) ---- */
  --c1: #0E6E9C;  --c2: #0E9C8A;  --c3: #B08033;
  --c4: #6537E8;  --c5: #C2410C;  --c6: #52657A;

  /* ---- elevação ---- */
  --sh-1: 0 1px 2px rgba(13,24,38,.06);
  --sh-2: 0 2px 6px rgba(13,24,38,.07), 0 1px 2px rgba(13,24,38,.05);
  --sh-3: 0 8px 24px rgba(13,24,38,.10), 0 2px 6px rgba(13,24,38,.05);
  --sh-4: 0 20px 48px rgba(13,24,38,.14), 0 4px 12px rgba(13,24,38,.06);

  /* ---- forma ---- */
  --r-xs: 4px; --r-sm: 6px; --r: 9px; --r-lg: 13px; --r-xl: 18px; --r-full: 999px;

  /* ---- espaçamento (base 4) ---- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px; --s16: 64px;

  /* ---- tipografia ---- */
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --t-xs: 11px; --t-sm: 12.5px; --t-md: 13.5px; --t-lg: 15px;
  --t-h3: 17px; --t-h2: 21px; --t-h1: 27px; --t-d2: 36px; --t-d1: 50px;

  /* ---- layout ---- */
  --sidebar: 248px;
  --topbar: 58px;

  /* ---- movimento ---- */
  --e-out: cubic-bezier(.2,.8,.2,1);
  --d-fast: .14s; --d: .22s; --d-slow: .4s;

  color-scheme: light;
}

[data-theme="dark"] {
  --bg:        #0A0F16;
  --bg-2:      #0E141D;
  --surface:   #121A25;
  --surface-2: #18222F;
  --surface-3: #202C3C;
  --border:    #1E2A38;
  --border-2:  #2E3E51;

  --text:   #E8EFF7;
  --text-2: #AEC0D2;
  --muted:  #7C90A6;
  --faint:  #55677A;

  --brand:      #4FA8DC;
  --brand-2:    #7CC4EC;
  --brand-ink:  #06212F;
  --brand-tint: rgba(79,168,220,.13);
  --brand-line: rgba(79,168,220,.28);

  --gold:      #E0AE62;
  --gold-tint: rgba(224,174,98,.13);

  --ai:      #A78BFA;
  --ai-2:    #C4B5FD;
  --ai-tint: rgba(167,139,250,.11);
  --ai-line: rgba(167,139,250,.26);

  --pos:      #35C88F;
  --pos-tint: rgba(53,200,143,.13);
  --warn:     #F0A73B;
  --warn-tint:rgba(240,167,59,.13);
  --neg:      #F2726B;
  --neg-tint: rgba(242,114,107,.13);

  --c1: #58B0E0; --c2: #3FD1B8; --c3: #E3B269;
  --c4: #A78BFA; --c5: #F59E6B; --c6: #8FA3B8;

  --sh-1: 0 1px 2px rgba(0,0,0,.32);
  --sh-2: 0 2px 6px rgba(0,0,0,.36);
  --sh-3: 0 8px 24px rgba(0,0,0,.42);
  --sh-4: 0 20px 48px rgba(0,0,0,.52);

  color-scheme: dark;
}