/* Blyra Guias & Flows - tokens semanticos. Unico lugar com valores de cor. */
:root{
  color-scheme:light;
  --font-sans:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* superficies e texto */
  --bg:#F4F6FB; --bg-soft:#E9EEF7; --surface:#FFFFFF; --surface-2:#F8FAFD;
  --text:#0F172A; --muted:#4B5A72;
  --border:#E7ECF5; --border-strong:#8592AB;
  --primary:#2F5CF0; --primary-hover:#1E40C8; --primary-ink:#FFFFFF;
  --primary-tint:#E6EBFD; --primary-tint-ink:#1A3384; --focus:#2F5CF0;
  --overlay:rgba(11,18,32,.55);

  /* sombras (tingidas) e brilhos */
  --shadow-sm:0 1px 2px rgba(15,23,42,.08);
  --shadow-md:0 10px 24px -14px rgba(20,36,90,.28);
  --shadow-lg:0 28px 56px -28px rgba(20,36,90,.45);
  --glow:rgba(47,92,240,.28); --sheen:rgba(255,255,255,.55);
  --mesh-1:rgba(47,92,240,.22); --mesh-2:rgba(124,58,237,.16); --mesh-3:rgba(8,145,178,.16);

  /* player, thumbnails e mockup: escuros nos dois temas */
  --video-bg:#0B1220; --video-surface:#101828; --video-track:#22304A; --video-text:#FFFFFF;
  --video-muted:#9AA8C4; --video-accent:#4F78FF; --video-chip:rgba(255,255,255,.14);

  /* canvas de flow */
  --flow-bg:#FAFBFD; --flow-grid:#CBD5E6; --flow-edge:#6B7A96; --flow-label:#FAFBFD;

  /* raios e espaco */
  --r-sm:9px; --r-md:12px; --r-lg:14px; --r-xl:16px; --r-pill:999px;

  /* movimento */
  --dur-instant:90ms; --dur-fast:150ms; --dur-base:240ms; --dur-slow:420ms; --dur-scene:700ms;
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-spring:linear(0,.42 12%,.88 26%,1.06 38%,1.02 50%,.995 65%,1);

  /* modulos e status: cor (barra), tint (fundo do badge), ink (texto do badge) */
  --m-helpdesk:#2F5CF0;--m-helpdesk-tint:#E6EBFD;--m-helpdesk-ink:#1A3384;
  --m-fiscal:#059669;--m-fiscal-tint:#E1F2ED;--m-fiscal-ink:#03523A;
  --m-financeiro:#B45309;--m-financeiro-tint:#F6EAE1;--m-financeiro-ink:#632E05;
  --m-comercial:#7C3AED;--m-comercial-tint:#EFE7FD;--m-comercial-ink:#442082;
  --m-producao:#DC2626;--m-producao-tint:#FBE5E5;--m-producao-ink:#791515;
  --m-projetos:#0891B2;--m-projetos-tint:#E1F2F6;--m-projetos-ink:#045062;
  --m-suporte:#EA580C;--m-suporte-tint:#FCEBE2;--m-suporte-ink:#813007;
  --m-implantacao:#DB2777;--m-implantacao-tint:#FBE5EF;--m-implantacao-ink:#781541;
  --m-global:#4D7C0F;--m-global-tint:#EAEFE2;--m-global-ink:#2A4408;
  --m-ok:#16A34A;--m-ok-tint:#E3F4E9;--m-ok-ink:#0C5A29;
  --m-warn:#D97706;--m-warn-tint:#FAEFE1;--m-warn-ink:#774103;
  --m-danger:#DC2626;--m-danger-tint:#FBE5E5;--m-danger-ink:#791515;
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0B1020; --bg-soft:#0F1629; --surface:#131B31; --surface-2:#182240;
  --text:#E8ECF6; --muted:#A0ADC5;
  --border:#26314D; --border-strong:#6F7E9C;
  --primary:#7C9CFF; --primary-hover:#9DB4FF; --primary-ink:#0B1020;
  --primary-tint:#19295B; --primary-tint-ink:#A1B6F8; --focus:#9DB4FF;
  --overlay:rgba(3,6,14,.72);

  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 12px 28px -14px rgba(0,0,0,.6);
  --shadow-lg:0 30px 60px -28px rgba(0,0,0,.75);
  --glow:rgba(124,156,255,.3); --sheen:rgba(255,255,255,.22);
  --mesh-1:rgba(99,133,244,.26); --mesh-2:rgba(157,107,242,.2); --mesh-3:rgba(8,145,178,.2);

  --flow-bg:#0E1529; --flow-grid:#26314D; --flow-edge:#8A99B8; --flow-label:#0E1529;

  --m-helpdesk:#6385F4;--m-helpdesk-tint:#19295B;--m-helpdesk-ink:#A1B6F8;
  --m-fiscal:#059669;--m-fiscal-tint:#10363D;--m-fiscal-ink:#8ED0BC;
  --m-financeiro:#C77E46;--m-financeiro-tint:#362728;--m-financeiro-ink:#DDB290;
  --m-comercial:#9D6BF2;--m-comercial-tint:#2A225A;--m-comercial-ink:#C4A6F7;
  --m-producao:#E55C5C;--m-producao-tint:#3F1D2F;--m-producao-ink:#EF9D9D;
  --m-projetos:#0891B2;--m-projetos-tint:#11354D;--m-projetos-ink:#90CEDC;
  --m-suporte:#EA580C;--m-suporte-tint:#422829;--m-suporte-ink:#F6B492;
  --m-implantacao:#E45D99;--m-implantacao-tint:#3F1E40;--m-implantacao-ink:#EF9EC2;
  --m-global:#7A9D4B;--m-global-tint:#20302A;--m-global-ink:#AFC493;
  --m-ok:#16A34A;--m-ok-tint:#143936;--m-ok-ink:#96D6AE;
  --m-warn:#D97706;--m-warn-tint:#3F2F28;--m-warn-ink:#EEC28F;
  --m-danger:#E55C5C;--m-danger-tint:#3F1D2F;--m-danger-ink:#EF9D9D;
}