/* Meu XML — tokens do sistema visual.
   Única fonte de cores, tipografia, espaços, raios e sombras.
   Identidade: grafite, laranja e creme. Temas claro e escuro. */

@font-face{font-family:"Funnel Display";src:url("/assets/meuxml/FunnelDisplay-Regular.ttf") format("truetype");font-weight:400 500;font-display:swap}
@font-face{font-family:"Funnel Display";src:url("/assets/meuxml/FunnelDisplay-Bold.ttf") format("truetype");font-weight:600 800;font-display:swap}

:root{
  color-scheme:light;

  /* Marca */
  --brand-graphite:#1c1c1e;
  --brand-orange:#f47745;
  --brand-cream:#f6f1ea;

  /* Superfícies */
  --bg:#f6f1ea;
  --surface:#ffffff;
  --surface-2:#faf7f2;
  --surface-3:#f1ebe3;
  --line:#e6dfd5;
  --line-strong:#d4cbbf;

  /* Texto */
  --text:#1c1c1e;
  --muted:#6b655e;
  --subtle:#8d867e;

  /* Destaque (laranja) */
  --accent:#f47745;
  --accent-hover:#e8673a;
  --accent-ink:#1c1c1e;          /* texto sobre o laranja */
  --accent-text:#b84a1c;         /* laranja legível sobre fundo claro */
  --accent-soft:#fdeee6;
  --accent-line:#f6c3ab;

  /* Área escura da marca (menu lateral, login, destaque do painel) */
  --chrome:#1c1c1e;
  --chrome-2:#2a2a2d;
  --chrome-line:rgba(246,241,234,.12);
  --chrome-text:#f6f1ea;
  --chrome-muted:#a8a29b;
  --chrome-hover:rgba(246,241,234,.08);
  --chrome-active:rgba(244,119,69,.16);

  /* Situações */
  --green:#16794f;  --green-bg:#e4f4ec; --green-line:#b9e2cd;
  --amber:#9a5b06;  --amber-bg:#fdf0d8; --amber-line:#efd29c;
  --red:#b3313f;    --red-bg:#fbe7e9;   --red-line:#f0bfc5;
  --blue:#2a64a0;   --blue-bg:#e7f0fa;  --blue-line:#bcd4ee;
  --neutral:#5f5a54; --neutral-bg:#efeae3;

  /* Cores por tipo de documento */
  --doc-nfe:#b84a1c;  --doc-nfe-bg:#fdeee6;
  --doc-nfce:#9a5b06; --doc-nfce-bg:#fdf0d8;
  --doc-cte:#2a64a0;  --doc-cte-bg:#e7f0fa;
  --doc-mdfe:#b3313f; --doc-mdfe-bg:#fbe7e9;
  --doc-nfse:#16794f; --doc-nfse-bg:#e4f4ec;

  /* Tipografia */
  --font:"Funnel Display",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-xs:11px; --fs-sm:12px; --fs-md:13px; --fs-base:14px; --fs-lg:16px;
  --fs-xl:18px; --fs-2xl:22px; --fs-3xl:28px; --fs-4xl:36px;

  /* Espaços */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;

  /* Raios */
  --r-sm:8px; --r-md:10px; --r-lg:14px; --r-xl:18px; --r-pill:999px;

  /* Sombras */
  --shadow-sm:0 1px 2px rgba(28,28,30,.05);
  --shadow-md:0 6px 20px rgba(28,28,30,.06);
  --shadow-lg:0 24px 64px rgba(28,28,30,.18);
  --backdrop:rgba(28,28,30,.48);

  --focus:0 0 0 3px rgba(244,119,69,.35);
  --control-h:44px;
  --sidebar-w:232px;
}

:root[data-theme="dark"]{
  color-scheme:dark;

  --bg:#111111;
  --surface:#1b1b1b;
  --surface-2:#222222;
  --surface-3:#2a2a2a;
  --line:#313131;
  --line-strong:#424242;

  --text:#f6f1ea;
  --muted:#b3ada6;
  --subtle:#8f8a84;

  --accent-text:#f7926a;
  --accent-soft:#35231b;
  --accent-line:#6b3a24;

  --chrome:#0b0b0b;
  --chrome-2:#1b1b1b;

  --green:#5fd3a2;  --green-bg:#16332a; --green-line:#24543f;
  --amber:#f0b45a;  --amber-bg:#372b18; --amber-line:#5e4723;
  --red:#ff8f9c;    --red-bg:#3a1d22;   --red-line:#64303a;
  --blue:#8fc2f5;   --blue-bg:#192a3d;  --blue-line:#2b4766;
  --neutral:#c4beb6; --neutral-bg:#2a2a2a;

  --doc-nfe:#f7926a;  --doc-nfe-bg:#35231b;
  --doc-nfce:#f0b45a; --doc-nfce-bg:#372b18;
  --doc-cte:#8fc2f5;  --doc-cte-bg:#192a3d;
  --doc-mdfe:#ff8f9c; --doc-mdfe-bg:#3a1d22;
  --doc-nfse:#5fd3a2; --doc-nfse-bg:#16332a;

  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow-md:0 8px 24px rgba(0,0,0,.35);
  --shadow-lg:0 24px 64px rgba(0,0,0,.6);
  --backdrop:rgba(0,0,0,.6);
}