/*  ═══════════════════════════════════════════════════════
    BELA VISTA INCORPORADORA — Design Tokens Globais
    Uso: <link rel="stylesheet" href="tokens.css">
    Cada página sobrescreve apenas --accent e tokens de componente.
    ═══════════════════════════════════════════════════════ */

:root {

  /* ══ 1. PRIMITIVAS ════════════════════════════════════
     Valores brutos organizados por escala.
     Não usar diretamente no CSS — usar os semânticos abaixo.
  ══════════════════════════════════════════════════════ */

  /* Verde BVI — escala principal */
  --verde-900: #003d35;   /* texto principal */
  --verde-800: #00483f;   /* fundo escuro base (nav, header) */
  --verde-700: #0f5f34;   /* fundo escuro profundo */
  --verde-600: #2f6f28;   /* fundo médio */
  --verde-500: #7fa600;   /* verde folha */
  --verde-400: #9fbd00;   /* verde ação */
  --verde-300: #bfd01b;   /* verde limão */
  --verde-200: #68C810;   /* verde neon — acento BV2 */

  /* Verde escuro (fundos internos de card/sidebar) */
  --verde-preto-900: #071a0e;
  --verde-preto-800: #0b2018;
  --verde-preto-700: #10281e;
  --verde-preto-600: #173426;
  --verde-preto-500: #1a3d20;
  --verde-preto-400: #0d3b2e;
  --verde-preto-300: #eef8d8;   /* verde claro suave */

  /* Variações extras de verde escuro (usadas em mobile/hero) */
  --verde-escuro-a: #0f2e1a;
  --verde-escuro-b: #0a2e14;
  --verde-escuro-c: #0f3d1f;
  --verde-escuro-d: #155a2e;
  --verde-escuro-e: #1a4a28;

  /* Neutros */
  --neutro-50:  #f6f8ef;
  --neutro-100: #e8efdc;
  --neutro-300: #d6dec8;
  --neutro-500: #66776c;
  --neutro-600: #31584e;
  --neutro-700: #9ca3af;   /* cinza médio */

  /* Acento Setor Oeste */
  --laranja-500:  #F58634;
  --laranja-400:  #ff9a2f;
  --laranja-home: #f5822a;   /* laranja levemente diferente na home */
  --amarelo-400:  #FFD028;
  --dourado-500:  #ffc928;
  --dourado-300:  #fde68a;
  --ambar-500:    #f59e0b;

  /* Status / sistema */
  --verde-ok:      #4db866;
  --verde-ok-2:    #20b858;
  --vermelho-500:  #ef4444;
  --vermelho-300:  #f87171;

  /* Sociais */
  --whatsapp:         #25D366;
  --whatsapp-hover:   #20b858;
  --facebook:         #1877f2;
  --instagram-p1:     #962fbf;
  --instagram-p2:     #4f5bd5;
  --instagram-p3:     #d62976;
  --instagram-p4:     #fa7e1e;
  --instagram-p5:     #feda75;

  /* Azul antigo BV2 (mantido para backward-compat) */
  --azul-900: #0a3d6e;
  --azul-800: #1565C0;
  --azul-700: #1A7BC2;
  --azul-600: #2596D6;

  /* Outros */
  --verde-agua: #dcfce7;
  --azul-claro: #90caf9;
  --azul-cyan:  #4fc3f7;
  --azul-texto: #b7dcff;
  --azul-bg-1:  #eaf6ff;
  --azul-bg-2:  #eef7ff;

  /* Branco/preto */
  --branco: #ffffff;


  /* ══ 2. SEMÂNTICAS ════════════════════════════════════
     O papel de cada cor — o que ela FAZ no layout.
  ══════════════════════════════════════════════════════ */

  /* Texto */
  --txt-principal:    var(--verde-900);
  --txt-secundario:   var(--neutro-600);
  --txt-muted:        var(--neutro-500);
  --txt-sobre-escuro: var(--branco);

  /* Fundo */
  --bg-pagina:        var(--neutro-50);
  --bg-branco:        var(--branco);
  --bg-escuro-1:      var(--verde-800);        /* sec-dk, nav, footer, header */
  --bg-escuro-2:      var(--verde-700);        /* subseções escuras */
  --bg-escuro-3:      var(--verde-600);        /* variante mais clara */
  --bg-card-escuro:   var(--verde-preto-700);  /* cards em contexto escuro */
  --bg-quase-preto:   var(--verde-preto-900);  /* fundos profundos */

  /* Borda */
  --bdr-padrao: var(--neutro-300);
  --bdr-suave:  var(--neutro-100);

  /* Acento — ÚNICO token sobrescrito por loteamento */
  --accent:        var(--verde-400);         /* BVI default */
  --accent-claro:  var(--verde-300);
  --accent-tag:    var(--verde-300);         /* eyebrow labels, tags */
  --accent-sombra: rgba(159,189,0,.28);


  /* ══ 3. ALIASES LEGADOS ═══════════════════════════════
     Compatibilidade com CSS existente nas páginas.
     Não usar em código novo — preferir os semânticos acima.
  ══════════════════════════════════════════════════════ */

  --dk:  var(--bg-escuro-1);
  --dk2: var(--bg-escuro-2);
  --dk3: var(--bg-escuro-3);
  --gr:  var(--verde-500);
  --gr2: var(--accent);
  --gr3: var(--accent-claro);
  --gd:  var(--accent);
  --gd2: var(--accent);
  --gd3: var(--accent);
  --wh:  var(--bg-branco);
  --of:  var(--bg-pagina);
  --of2: var(--neutro-100);
  --tx:  var(--txt-principal);
  --tx2: var(--txt-secundario);
  --mu:  var(--txt-muted);
  --bd:  var(--bdr-padrao);

  --ink:  var(--dk); --ink2: var(--dk2); --ink3: var(--dk3);
  --leaf: var(--gr2); --mint: var(--gr3); --foam: var(--verde-agua);
  --gold: var(--gd3); --gold2: var(--gd2);
  --cream: var(--of); --white: var(--wh); --gray1: var(--of2); --gray2: var(--bd);
  --text: var(--tx); --muted: var(--mu);
  --sans:  'Inter', system-ui, -apple-system, sans-serif;
  --serif: 'Inter', system-ui, -apple-system, sans-serif;

  /* CTA (consumido por helpers JS existentes) */
  --cta-text:        var(--wh);
  --cta-font-family: var(--sans);
  --cta-green-top:   rgba(21,128,61,.95);
  --cta-green-bottom: rgba(14,87,42,.98);
  --cta-border:      rgba(255,255,255,.16);
  --cta-shadow-1:    rgba(0,40,16,.55);
  --cta-shadow-2:    rgba(0,40,16,.4);
  --cta-shadow-3:    rgba(0,40,16,.28);
  --cta-inset-1:     rgba(255,255,255,.14);
  --cta-inset-2:     rgba(255,255,255,.18);
  --cta-inset-3:     rgba(255,255,255,.08);
  --cta-focus:       var(--gd3);


  /* ══ 4. CONSTANTES RAW (--c-*) ═══════════════════════
     Aliases para todas as cores literais usadas nas páginas.
     Mantidas para compatibilidade total com CSS existente.
  ══════════════════════════════════════════════════════ */

  /* Hex — verdes */
  --c-003d35: var(--verde-900);
  --c-00483f: var(--verde-800);
  --c-0f5f34: var(--verde-700);
  --c-2f6f28: var(--verde-600);
  --c-7fa600: var(--verde-500);
  --c-9fbd00: var(--verde-400);
  --c-bfd01b: var(--verde-300);
  --c-68c810: var(--verde-200);
  --c-78d028: #78D028;
  --c-071a0e: var(--verde-preto-900);
  --c-0b2018: var(--verde-preto-800);
  --c-10281e: var(--verde-preto-700);
  --c-173426: var(--verde-preto-600);
  --c-1a3d20: var(--verde-preto-500);
  --c-0d3b2e: var(--verde-preto-400);
  --c-eef8d8: var(--verde-preto-300);
  --c-0f2e1a: var(--verde-escuro-a);
  --c-0a2e14: var(--verde-escuro-b);
  --c-0f3d1f: var(--verde-escuro-c);
  --c-155a2e: var(--verde-escuro-d);
  --c-1a4a28: var(--verde-escuro-e);
  --c-042515: #042515;
  --c-07351f: #07351f;
  --c-071f35: #071f35;   /* retrocompat BV2 */

  /* Hex — neutros */
  --c-31584e: var(--neutro-600);
  --c-66776c: var(--neutro-500);
  --c-9ca3af: var(--neutro-700);
  --c-d6dec8: var(--bdr-padrao);
  --c-e8efdc: var(--neutro-100);
  --c-f6f8ef: var(--bg-pagina);
  --c-dcfce7: var(--verde-agua);

  /* Hex — laranja/amarelo */
  --c-f58634: var(--laranja-500);
  --c-ff9a2f: var(--laranja-400);
  --c-f5822a: var(--laranja-home);
  --c-ffd028: var(--amarelo-400);
  --c-ffc928: var(--dourado-500);
  --c-fde68a: var(--dourado-300);
  --c-f59e0b: var(--ambar-500);

  /* Hex — status */
  --c-4db866: var(--verde-ok);
  --c-ef4444: var(--vermelho-500);
  --c-f87171: var(--vermelho-300);
  --c-20b858: var(--verde-ok-2);
  --c-25d366: var(--whatsapp);

  /* Hex — sociais */
  --c-1877f2: var(--facebook);
  --c-962fbf: var(--instagram-p1);
  --c-4f5bd5: var(--instagram-p2);
  --c-d62976: var(--instagram-p3);
  --c-fa7e1e: var(--instagram-p4);
  --c-feda75: var(--instagram-p5);

  /* Hex — azul (retrocompat BV2) */
  --c-0a3d6e: var(--azul-900);
  --c-1565c0: var(--azul-800);
  --c-1a7bc2: var(--azul-700);
  --c-2596d6: var(--azul-600);
  --c-063056: #063056;
  --c-061a28: #061a28;
  --c-08233a: #08233a;
  --c-092946: #092946;
  --c-0b2f4a: #0b2f4a;
  --c-0d47a1: #0d47a1;
  --c-0f4878: #0F4878;
  --c-90caf9: var(--azul-claro);
  --c-4fc3f7: var(--azul-cyan);
  --c-b7dcff: var(--azul-texto);
  --c-eaf6ff: var(--azul-bg-1);
  --c-eef7ff: var(--azul-bg-2);

  /* Hex — branco */
  --c-ffffff: var(--branco);


  /* rgba — preto */
  --c-0-0-0-008: rgba(0,0,0,.08);
  --c-0-0-0-01:  rgba(0,0,0,.1);
  --c-0-0-0-012: rgba(0,0,0,.12);
  --c-0-0-0-014: rgba(0,0,0,.14);
  --c-0-0-0-018: rgba(0,0,0,.18);
  --c-0-0-0-02:  rgba(0,0,0,.2);
  --c-0-0-0-04:  rgba(0,0,0,.4);
  --c-0-0-0-026: rgba(0,0,0,.26);

  /* rgba — branco */
  --c-255-255-255-004: rgba(255,255,255,.04);
  --c-255-255-255-005: rgba(255,255,255,.05);
  --c-255-255-255-006: rgba(255,255,255,.06);
  --c-255-255-255-007: rgba(255,255,255,.07);
  --c-255-255-255-008: rgba(255,255,255,.08);
  --c-255-255-255-009: rgba(255,255,255,.09);
  --c-255-255-255-01:  rgba(255,255,255,.1);
  --c-255-255-255-012: rgba(255,255,255,.12);
  --c-255-255-255-013: rgba(255,255,255,.13);
  --c-255-255-255-014: rgba(255,255,255,.14);
  --c-255-255-255-015: rgba(255,255,255,.15);
  --c-255-255-255-016: rgba(255,255,255,.16);
  --c-255-255-255-018: rgba(255,255,255,.18);
  --c-255-255-255-02:  rgba(255,255,255,.2);
  --c-255-255-255-022: rgba(255,255,255,.22);
  --c-255-255-255-025: rgba(255,255,255,.25);
  --c-255-255-255-028: rgba(255,255,255,.28);
  --c-255-255-255-03:  rgba(255,255,255,.3);
  --c-255-255-255-032: rgba(255,255,255,.32);
  --c-255-255-255-035: rgba(255,255,255,.35);
  --c-255-255-255-038: rgba(255,255,255,.38);
  --c-255-255-255-04:  rgba(255,255,255,.4);
  --c-255-255-255-042: rgba(255,255,255,.42);
  --c-255-255-255-045: rgba(255,255,255,.45);
  --c-255-255-255-05:  rgba(255,255,255,.5);
  --c-255-255-255-055: rgba(255,255,255,.55);
  --c-255-255-255-058: rgba(255,255,255,.58);
  --c-255-255-255-06:  rgba(255,255,255,.6);
  --c-255-255-255-065: rgba(255,255,255,.65);
  --c-255-255-255-075: rgba(255,255,255,.75);
  --c-255-255-255-08:  rgba(255,255,255,.8);
  --c-255-255-255-085: rgba(255,255,255,.85);
  --c-255-255-255-086: rgba(255,255,255,.86);
  --c-255-255-255-088: rgba(255,255,255,.88);
  --c-255-255-255-092: rgba(255,255,255,.92);

  /* rgba — verde escuro (brand) */
  --c-0-40-16-028:    rgba(0,40,16,.28);
  --c-0-40-16-04:     rgba(0,40,16,.4);
  --c-0-40-16-055:    rgba(0,40,16,.55);
  --c-0-72-63-092:    rgba(0,72,63,.92);
  --c-14-87-42-098:   rgba(14,87,42,.98);
  --c-21-128-61-008:  rgba(21,128,61,.08);
  --c-21-128-61-028:  rgba(21,128,61,.28);
  --c-21-128-61-04:   rgba(21,128,61,.4);
  --c-21-128-61-06:   rgba(21,128,61,.6);
  --c-21-128-61-095:  rgba(21,128,61,.95);
  --c-18-56-42-012:   rgba(18,56,42,.12);
  --c-18-56-42-032:   rgba(18,56,42,.32);
  --c-18-56-42-092:   rgba(18,56,42,.92);
  --c-18-56-42-096:   rgba(18,56,42,.96);
  --c-31-122-77-035:  rgba(31,122,77,.35);
  --c-6-17-10-088:    rgba(6,17,10,.88);
  --c-6-17-10-095:    rgba(6,17,10,.95);
  --c-52-211-100-08:  rgba(52,211,100,.8);
  --c-34-197-94-015:  rgba(34,197,94,.15);
  --c-34-197-94-03:   rgba(34,197,94,.3);

  /* rgba — âmbar/laranja SO */
  --c-180-83-9-02:    rgba(180,83,9,.2);
  --c-180-83-9-025:   rgba(180,83,9,.25);
  --c-228-182-83-012: rgba(228,182,83,.12);
  --c-228-182-83-024: rgba(228,182,83,.24);
  --c-245-130-42-01:  rgba(245,130,42,.1);
  --c-245-130-42-015: rgba(245,130,42,.15);
  --c-245-130-42-016: rgba(245,130,42,.16);
  --c-245-130-42-03:  rgba(245,130,42,.3);
  --c-245-130-42-035: rgba(245,130,42,.35);
  --c-245-130-42-04:  rgba(245,130,42,.4);
  --c-245-130-42-05:  rgba(245,130,42,.5);
  --c-245-130-42-06:  rgba(245,130,42,.6);
  --c-251-191-36-025: rgba(251,191,36,.25);
  --c-251-191-36-05:  rgba(251,191,36,.5);
  --c-255-190-40-007: rgba(255,190,40,.07);
  --c-255-190-40-008: rgba(255,190,40,.08);
  --c-255-190-40-015: rgba(255,190,40,.15);
  --c-255-190-40-045: rgba(255,190,40,.45);
  --c-255-190-40-05:  rgba(255,190,40,.5);
  --c-255-201-40-055: rgba(255,201,40,.55);
  --c-255-215-80-045: rgba(255,215,80,.45);
  --c-255-220-80-012: rgba(255,220,80,.12);
  --c-255-220-80-075: rgba(255,220,80,.75);
  --c-255-220-80-08:  rgba(255,220,80,.8);
  --c-255-220-80-09:  rgba(255,220,80,.9);

  /* rgba — SO simulador (verde-amarelado) */
  --c-159-189-0-008:  rgba(159,189,0,.08);
  --c-159-189-0-012:  rgba(159,189,0,.12);
  --c-159-189-0-014:  rgba(159,189,0,.14);
  --c-159-189-0-02:   rgba(159,189,0,.2);
  --c-159-189-0-022:  rgba(159,189,0,.22);
  --c-159-189-0-024:  rgba(159,189,0,.24);
  --c-159-189-0-034:  rgba(159,189,0,.34);
  --c-191-208-27-016: rgba(191,208,27,.16);
  --c-191-208-27-018: rgba(191,208,27,.18);
  --c-191-208-27-028: rgba(191,208,27,.28);
  --c-191-208-27-03:  rgba(191,208,27,.3);
  --c-191-208-27-042: rgba(191,208,27,.42);
  --c-191-208-27-055: rgba(191,208,27,.55);
  --c-191-208-27-07:  rgba(191,208,27,.7);

  /* rgba — BV2 verde limão */
  --c-104-200-16-012: rgba(104,200,16,.12);
  --c-104-200-16-02:  rgba(104,200,16,.2);
  --c-104-200-16-024: rgba(104,200,16,.24);
  --c-104-200-16-025: rgba(104,200,16,.25);
  --c-104-200-16-028: rgba(104,200,16,.28);

  /* rgba — azul (retrocompat BV2) */
  --c-10-61-110-014:   rgba(10,61,110,.14);
  --c-10-61-110-02:    rgba(10,61,110,.2);
  --c-10-61-110-025:   rgba(10,61,110,.25);
  --c-10-61-110-035:   rgba(10,61,110,.35);
  --c-13-71-161-028:   rgba(13,71,161,.28);
  --c-21-101-192-016:  rgba(21,101,192,.16);
  --c-21-101-192-018:  rgba(21,101,192,.18);
  --c-21-101-192-022:  rgba(21,101,192,.22);
  --c-21-101-192-024:  rgba(21,101,192,.24);
  --c-21-101-192-028:  rgba(21,101,192,.28);
  --c-21-101-192-03:   rgba(21,101,192,.3);
  --c-21-101-192-042:  rgba(21,101,192,.42);
  --c-21-101-192-05:   rgba(21,101,192,.5);
  --c-21-101-192-055:  rgba(21,101,192,.55);
  --c-144-202-249-01:  rgba(144,202,249,.1);
  --c-144-202-249-012: rgba(144,202,249,.12);
  --c-144-202-249-014: rgba(144,202,249,.14);
  --c-144-202-249-016: rgba(144,202,249,.16);
  --c-144-202-249-022: rgba(144,202,249,.22);
  --c-144-202-249-028: rgba(144,202,249,.28);
  --c-144-202-249-03:  rgba(144,202,249,.3);
  --c-144-202-249-055: rgba(144,202,249,.55);
  --c-144-202-249-07:  rgba(144,202,249,.7);
  --c-144-202-249-072: rgba(144,202,249,.72);
  --c-144-202-249-074: rgba(144,202,249,.74);
  --c-144-202-249-078: rgba(144,202,249,.78);
  --c-238-247-255-052: rgba(238,247,255,.52);
  --c-238-247-255-056: rgba(238,247,255,.56);
  --c-238-247-255-062: rgba(238,247,255,.62);
  --c-238-247-255-068: rgba(238,247,255,.68);
  --c-238-247-255-072: rgba(238,247,255,.72);
  --c-238-247-255-082: rgba(238,247,255,.82);
  --c-79-195-247-038:  rgba(79,195,247,.38);

  /* rgba — verde vivo (BV2 sidebar/sim) */
  --c-238-248-216-068: rgba(238,248,216,.68);
  --c-238-248-216-07:  rgba(238,248,216,.7);
  --c-238-248-216-082: rgba(238,248,216,.82);

  /* rgba — status */
  --c-239-68-68-012: rgba(239,68,68,.12);
  --c-239-68-68-025: rgba(239,68,68,.25);

  /* rgba — diretrizes */
  --c-200-168-75-025: rgba(200,168,75,.25);

  /* rgba — corretores (verde WhatsApp) */
  --c-37-211-102-005: rgba(37,211,102,.05);
  --c-37-211-102-008: rgba(37,211,102,.08);
  --c-37-211-102-01:  rgba(37,211,102,.1);
  --c-37-211-102-012: rgba(37,211,102,.12);
  --c-37-211-102-015: rgba(37,211,102,.15);
  --c-37-211-102-018: rgba(37,211,102,.18);
  --c-37-211-102-02:  rgba(37,211,102,.2);
  --c-37-211-102-025: rgba(37,211,102,.25);
  --c-37-211-102-03:  rgba(37,211,102,.3);
  --c-37-211-102-035: rgba(37,211,102,.35);
  --c-37-211-102-04:  rgba(37,211,102,.4);
  --c-37-211-102-055: rgba(37,211,102,.55);
  --c-37-211-102-028: rgba(37,211,102,.28);

  /* rgba — preto (extras) */
  --c-0-0-0-045: rgba(0,0,0,.45);

  /* rgba — laranja (extras) */
  --c-180-83-9-04:    rgba(180,83,9,.4);
  --c-255-190-40-055: rgba(255,190,40,.55);

  /* rgba — creme quente (fundo hero antigo) */
  --c-247-243-234-09:  rgba(247,243,234,.9);
  --c-247-243-234-094: rgba(247,243,234,.94);
  --c-247-243-234-098: rgba(247,243,234,.98);

  /* Alias nome vs valor (typo histórico no codebase) */
  --c-66766c: var(--neutro-500);   /* valor real: #66776c */

  /* rgba — branco extra */
  --c-255-255-255-092: rgba(255,255,255,.92);


  /* ══ 5. SISTEMA ═══════════════════════════════════════ */

  --mw: 1200px;
  --r4:4px; --r8:8px; --r12:12px; --r16:16px; --r20:20px; --r24:24px;
  --sh1: 0 1px 3px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.08);
  --sh2: 0 4px 16px rgba(0,0,0,.1);
  --sh3: 0 12px 32px rgba(0,0,0,.14);
  --sh4: 0 24px 48px rgba(0,0,0,.18);
  --gr-sh: 0 8px 24px rgba(21,128,61,.28);
  --gd-sh: 0 8px 24px rgba(180,83,9,.25);
}