/* ==========================================================================
   TOKENS DE DESIGN — CONSTRUTORA FUTURE
   Formatado conforme a base técnica da Arena e docs/DESIGN.md.
   Zero cores literais fora deste arquivo.
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Fundo e Superfícies (Claro) */
  --bg: #F6F4EF;                 /* Off-white quente */
  --surface: #FFFFFF;            /* Cartões e painéis brancos */
  --soft: #EFECE4;               /* Superfície suave para campos e fundos secundários */
  --line: rgba(30, 50, 35, 0.12); /* Linhas divisórias e bordas sutis */
  --line-strong: rgba(30, 50, 35, 0.22);

  /* Texto e Contraste (WCAG AA/AAA) */
  --text: #1A1F1B;               /* 15:1 sobre fundo claro */
  --muted: #6B7168;              /* 5:1 sobre fundo claro */

  /* Cores Institucionais Future */
  --brand: #1E3223;              /* Verde profundo oficial */
  --brand-night: #0E1D14;        /* Verde noite para contrastes nobres */
  --brand-oliva: #434C3B;        /* Oliva para detalhes */
  --tint: #E8EDE9;               /* Verde claríssimo para hover e seleções suaves */

  /* Dourados Institucionais */
  --accent: #DAA92D;             /* Dourado marca (itens ativos, barras, ícones) */
  --accent-text: #876512;        /* Dourado escuro para texto sobre branco (5,0:1) */
  --accent-light: #E7C45E;       /* Dourado claro para contrastes escuros */

  /* Menu Lateral (Sidebar Flutuante) */
  --sidebar: #1E3223;            /* Verde profundo */
  --sidebar-text: #EDEAE3;       /* Texto claro */
  --sidebar-muted: #9EABA0;      /* Texto de apoio */
  --sidebar-line: rgba(237, 234, 227, 0.12);
  --sidebar-active: #DAA92D;     /* Dourado oficial do logo (medido em logos-04.png) */
  --sidebar-active-text: #1E3223;/* Verde profundo sobre dourado (5,2:1) */
  --nav-badge-bg: #E0664F;       /* contador de pendências no menu (coral, como na Arena) */
  --nav-badge-text: #FFFFFF;

  /* Situações e Indicadores (Coloridos com significado real) */
  --tone-green: #2F6B4F;         /* No prazo / Ativo */
  --tone-green-bg: #E3F2EB;
  --tone-green-text: #1A4D35;

  --tone-amber: #8A4D00;         /* Atenção */
  --tone-amber-bg: #FDF1DB;
  --tone-amber-text: #6B3A00;

  --tone-red: #B4541F;           /* Atrasado / Crítico */
  --tone-red-bg: #FCEBE2;
  --tone-red-text: #7A330E;

  --tone-blue: #1D5B79;          /* Concluída */
  --tone-blue-bg: #E1EFF6;
  --tone-blue-text: #0E3D52;

  --tone-gray: #555E57;          /* Suspensa */
  --tone-gray-bg: #E9ECE9;
  --tone-gray-text: #373E39;

  /* Formas, Raios e Sombras */
  --r: 24px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --shadow-sm: 0 2px 6px rgba(14, 29, 20, 0.04);
  --shadow: 0 4px 18px rgba(14, 29, 20, 0.06);
  --shadow-lg: 0 16px 40px rgba(14, 29, 20, 0.12);
  --backdrop-bg: rgba(14, 29, 20, 0.6);
  --sidebar-hover: rgba(255, 255, 255, 0.08);
  --overlay-dark: rgba(14, 29, 20, 0.65);
  --shadow-cover-tag: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-bnav: 0 -4px 16px rgba(14, 29, 20, 0.08);
  --shadow-fab: 0 4px 14px rgba(30, 50, 35, 0.35);

  /* Dimensões do Shell */
  --side-w: 272px;
  --top-h: 70px;
  --bnav-h: 68px;
  --display: 'Inter', system-ui, -apple-system, sans-serif;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  font-family: var(--display);
  color-scheme: light;

  /* Séries dos gráficos (identidade, NUNCA situação). Validadas pela skill dataviz em 29/09:
     daltonismo, separação e contraste. Ordem fixa: 1 verde, 2 azul, 3 dourado, 4 rosa, 5 roxo. */
  --serie-1: #1F7A55; --serie-2: #2A78D6; --serie-3: #DAA92D; --serie-4: #D55181; --serie-5: #6B5CC4;

  /* Indicadores grandes do painel (cartões coloridos). fundo-a -> fundo-b em degradê; tinta = texto. */
  --ind-marca-a: #264A33; --ind-marca-b: #13261A; --ind-marca-tinta: #FFFFFF; --ind-marca-icone: rgba(255,255,255,0.14);
  --ind-ouro-a: #F6DC8C;  --ind-ouro-b: #E2B43E;  --ind-ouro-tinta: #2A2208;  --ind-ouro-icone: rgba(255,255,255,0.45);
  --ind-critico-a: #FFE6DE; --ind-critico-b: #FBC7B8; --ind-critico-tinta: #8E2A17; --ind-critico-icone: #E0664F;
  --ind-info-a: #E1EEFB;  --ind-info-b: #BDD8F5;  --ind-info-tinta: #16466F;  --ind-info-icone: rgba(255,255,255,0.6);
  --ind-ok-a: #E4F4E2;    --ind-ok-b: #C3E7BE;    --ind-ok-tinta: #1D5A2B;    --ind-ok-icone: rgba(255,255,255,0.6);
}

:root[data-theme='dark'] {
  /* Fundo e Superfícies (Escuro) */
  --bg: #121A15;
  --surface: #1A241D;
  --soft: #233027;
  --line: rgba(237, 234, 227, 0.12);
  --line-strong: rgba(237, 234, 227, 0.22);

  /* Texto e Contraste */
  --text: #EDEAE3;               /* 14,8:1 sobre fundo escuro */
  --muted: #A5ACA3;              /* 6,9:1 sobre fundo escuro */

  /* Cores Institucionais Future */
  --brand: #D9B377;              /* Dourado claro no tema escuro */
  --brand-night: #0E1D14;
  --brand-oliva: #434C3B;
  --tint: #203126;

  --accent: #E7C45E;
  --accent-text: #E7C45E;
  --accent-light: #E7C45E;

  /* Menu Lateral (Sidebar) */
  --sidebar: #0E1D14;
  --sidebar-text: #EDEAE3;
  --sidebar-muted: #828E84;
  --sidebar-line: rgba(237, 234, 227, 0.08);
  --sidebar-active: #DAA92D;
  --sidebar-active-text: #0E1D14;

  /* Situações e Indicadores */
  --tone-green: #7ED7AF;
  --tone-green-bg: #1B382B;
  --tone-green-text: #A5F2D0;

  --tone-amber: #E8A838;
  --tone-amber-bg: #3D2D14;
  --tone-amber-text: #FAD189;

  --tone-red: #E87A50;
  --tone-red-bg: #42231A;
  --tone-red-text: #F7B8A0;

  --tone-blue: #72C3E8;
  --tone-blue-bg: #163647;
  --tone-blue-text: #B2E5FC;

  --tone-gray: #A5ACA3;
  --tone-gray-bg: #27312A;
  --tone-gray-text: #D5DAD4;

  --shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
  --backdrop-bg: rgba(0, 0, 0, 0.7);
  --sidebar-hover: rgba(255, 255, 255, 0.06);
  --overlay-dark: rgba(0, 0, 0, 0.75);
  --shadow-cover-tag: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-bnav: 0 -4px 16px rgba(0, 0, 0, 0.35);
  --shadow-fab: 0 4px 14px rgba(0, 0, 0, 0.5);

  color-scheme: dark;

  --serie-1: #2E9A6C; --serie-2: #4A8FE0; --serie-3: #B8892A; --serie-4: #D0628C; --serie-5: #8A7CE0;
  --ind-marca-a: #2B5139; --ind-marca-b: #16301F; --ind-marca-tinta: #FFFFFF; --ind-marca-icone: rgba(255,255,255,0.12);
  --ind-ouro-a: #7A5F1C;  --ind-ouro-b: #4E3C10;  --ind-ouro-tinta: #FBE7B0;  --ind-ouro-icone: rgba(255,255,255,0.12);
  --ind-critico-a: #5A2A20; --ind-critico-b: #3A1B15; --ind-critico-tinta: #FFC3B4; --ind-critico-icone: #E0664F;
  --ind-info-a: #1F3B58;  --ind-info-b: #152A40;  --ind-info-tinta: #BFDDFB;  --ind-info-icone: rgba(255,255,255,0.12);
  --ind-ok-a: #234A2C;    --ind-ok-b: #16321D;    --ind-ok-tinta: #C8EFC2;    --ind-ok-icone: rgba(255,255,255,0.12);
}