/**
 * GIRO E PONTO — assets/css/tokens.css
 * ═══════════════════════════════════════════════════════════════════
 *  Cores dos dois temas. Sem escolha salva, o tema segue o aparelho
 *  (prefers-color-scheme). Com o cookie gp_theme, o PHP imprime
 *  <html data-theme="light|dark"> (uiThemeAttr) e esse valor manda:
 *  [data-theme="dark"] repete os valores escuros e o @media escuro só
 *  vale quando não há data-theme="light".
 *
 *  Regra: o tema ESCURO é o de produção, com os mesmos hex. O tema
 *  CLARO é só o equivalente claro de cada um. As páginas usam o CSS
 *  de produção com as cores trocadas por estes tokens; o comentário
 *  de cada um diz qual hex de produção ele substitui.
 *
 *  Dourado é sempre #FFD700. No claro, onde texto dourado não se lê,
 *  vira preto (--ouro-tx) ou preenchimento #FFD700 com texto preto
 *  (--ouro-chip*).
 * ═══════════════════════════════════════════════════════════════════
 */

:root {
  color-scheme: light;

  /* superfícies e bordas */
  --bg:          #FFFFFF;   /* prod #0A0A0A */
  --nav-side-bg: #F4F5F7;   /* prod #0C0C0C */
  --sunk:        #F4F5F7;   /* prod #0D0D0D */
  --bg-subtle:   #F4F5F7;   /* prod #111 */
  --modal:       #FFFFFF;   /* prod #141414 */
  --float:       #EEF0F3;   /* prod #161616 */
  --post-divider:#E4E7EB;   /* prod #171717 */
  --hover:       #EEF0F3;   /* prod #1A1A1A */
  --line-1:      #E4E7EB;   /* prod #1C1C1C */
  --active:      #E4E7EB;   /* prod #1E1E1E */
  --line-2:      #D5D9DF;   /* prod #2A2A2A */
  --line-3:      #C2C7CF;   /* prod #3A3A3A */

  /* texto */
  --tx-1:      #0F1115;   /* prod #FAFAF7 */
  --tx-menu:   #1F242B;   /* prod #E4E6EA */
  --tx-read:   #22272E;   /* prod #D7DADE */
  --tx-body:   #2E343C;   /* prod #C9CDD3 */
  --tx-2:      #4B5260;   /* prod #9CA3AF */
  --tx-nav:    #5A616C;   /* prod #8A8F98 */
  --tx-sw:     #5F6671;   /* prod #7A8089 */
  --tx-3:      #6A717C;   /* prod #6B7280 */
  --tx-act:    #737A85;   /* prod #5C636E */
  --tx-4:      #8A919B;   /* prod #4B5563 */

  /* dourado */
  --ouro-tx:      #0A0A0A;              /* prod: texto #FFD700 */
  /* fundo dourado translúcido com texto dourado: --ouro-chip-NN (gerado no fim) */
  --ouro-chip-tx: #0A0A0A;              /* prod: texto #FFD700 sobre esse fundo */

  /* semânticas (texto) */
  --verde:    #15803D;   /* prod #4ADE80 */
  --azul:     #2563EB;   /* prod #60A5FA */
  --roxo:     #6D28D9;   /* prod #A78BFA */
  --vermelho: #DC2626;   /* prod #F87171 */

  /* fontes: Inter na interface; Playfair só nos logos em texto */
  --f-ui:    'Inter', sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;

    --bg:          #0A0A0A;
    --nav-side-bg: #0C0C0C;
    --sunk:        #0D0D0D;
    --bg-subtle:   #111111;
    --modal:       #141414;
    --float:       #161616;
    --post-divider:#171717;
    --hover:       #1A1A1A;
    --line-1:      #1C1C1C;
    --active:      #1E1E1E;
    --line-2:      #2A2A2A;
    --line-3:      #3A3A3A;

    --tx-1:      #FAFAF7;
    --tx-menu:   #E4E6EA;
    --tx-read:   #D7DADE;
    --tx-body:   #C9CDD3;
    --tx-2:      #9CA3AF;
    --tx-nav:    #8A8F98;
    --tx-sw:     #7A8089;
    --tx-3:      #6B7280;
    --tx-act:    #5C636E;
    --tx-4:      #4B5563;

    --ouro-tx:      #FFD700;
    --ouro-chip-tx: #FFD700;

    --verde:    #4ADE80;
    --azul:     #60A5FA;
    --roxo:     #A78BFA;
    --vermelho: #F87171;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;

  --bg:          #0A0A0A;
  --nav-side-bg: #0C0C0C;
  --sunk:        #0D0D0D;
  --bg-subtle:   #111111;
  --modal:       #141414;
  --float:       #161616;
  --post-divider:#171717;
  --hover:       #1A1A1A;
  --line-1:      #1C1C1C;
  --active:      #1E1E1E;
  --line-2:      #2A2A2A;
  --line-3:      #3A3A3A;

  --tx-1:      #FAFAF7;
  --tx-menu:   #E4E6EA;
  --tx-read:   #D7DADE;
  --tx-body:   #C9CDD3;
  --tx-2:      #9CA3AF;
  --tx-nav:    #8A8F98;
  --tx-sw:     #7A8089;
  --tx-3:      #6B7280;
  --tx-act:    #5C636E;
  --tx-4:      #4B5563;

  --ouro-tx:      #FFD700;
  --ouro-chip-tx: #FFD700;

  --verde:    #4ADE80;
  --azul:     #60A5FA;
  --roxo:     #A78BFA;
  --vermelho: #F87171;
}

/* ── GERADO: tons de prod sem nome (conv.py) ── */
/* Cada --c-xxxxxx (fundo/borda) e --t-xxxxxx (texto) vale no escuro
   exatamente o hex de prod do nome; no claro, o equivalente calculado
   pela mesma escala dos tokens acima. --w-NN = branco translúcido. */
:root {
  --c-050505: #FFFFFF;
  --c-051a05: #F4FBF4;
  --c-0a0a0a-94: rgba(255,255,255,0.94);
  --c-0a0a0a-95: rgba(255,255,255,0.95);
  --c-0a0a0a-96: rgba(255,255,255,0.96);
  --c-0a0a0a-97: rgba(255,255,255,0.97);
  --c-0a0a0a-98: rgba(255,255,255,0.98);
  --c-0a1020: #EAF1FF;
  --c-0e0e0e: #F9F9F9;
  --c-0f0f0a: #FCFCFB;
  --c-0f0f0f: #F8F8F8;
  --c-101010: #F7F7F7;
  --c-121212: #FFFFFF;
  --c-140a0a: #FAF6F6;
  --c-16110a: #FFF8D6;
  --c-191919: #EBEBEB;
  --c-1a0505: #FBF4F4;
  --c-1a1a00: #FDFDF9;
  --c-1a1a05: #FBFBF4;
  --c-1b1b1b: #E9E9E9;
  --c-1f1f1f: #E5E5E5;
  --c-222222: #E2E2E2;
  --c-242424: #E0E0E0;
  --c-262626: #DEDEDE;
  --c-333333: #D1D1D1;
  --c-3a3f47: #BEC3CA;
  --c-444444: #C1C1C1;
  --c-555555: #B5B5B5;
  --c-fafaf7: #727247;
  --ouro-chip-05: #FFD700;
  --ouro-chip-06: #FFD700;
  --ouro-chip-08: #FFD700;
  --ouro-chip-09: #FFD700;
  --ouro-chip-1: #FFD700;
  --ouro-chip-12: #FFD700;
  --ouro-chip-18: #FFD700;
  --t-25d366: #1EAE54;
  --t-2a2a2a: #9E9E9E;
  --t-2a2f36: #929CAA;
  --t-374151: #8190A8;
  --t-3a3f47: #8C94A1;
  --t-444444: #949494;
  --t-555555: #8B8B8B;
  --t-737373: #747474;
  --t-86efac: #18B450;
  --t-888888: #676767;
  --t-8b8b8b: #656565;
  --t-a8a8a8: #525252;
  --t-f7f7f7: #121212;
  --t-f97316: #C75505;
  --t-fca5a5: #C50707;
  --t-ff8b8b: #CC0000;
  --w-02: rgba(15,20,30,0.02);
  --w-03: rgba(15,20,30,0.03);
  --w-04: rgba(15,20,30,0.04);
  --w-05: rgba(15,20,30,0.05);
  --w-06: rgba(15,20,30,0.06);
  --w-08: rgba(15,20,30,0.08);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-050505: #050505;
    --c-051a05: #051A05;
    --c-0a0a0a-94: rgba(10,10,10,0.94);
    --c-0a0a0a-95: rgba(10,10,10,0.95);
    --c-0a0a0a-96: rgba(10,10,10,0.96);
    --c-0a0a0a-97: rgba(10,10,10,0.97);
    --c-0a0a0a-98: rgba(10,10,10,0.98);
    --c-0a1020: #0A1020;
    --c-0e0e0e: #0E0E0E;
    --c-0f0f0a: #0F0F0A;
    --c-0f0f0f: #0F0F0F;
    --c-101010: #101010;
    --c-121212: #121212;
    --c-140a0a: #140A0A;
    --c-16110a: #16110A;
    --c-191919: #191919;
    --c-1a0505: #1A0505;
    --c-1a1a00: #1A1A00;
    --c-1a1a05: #1A1A05;
    --c-1b1b1b: #1B1B1B;
    --c-1f1f1f: #1F1F1F;
    --c-222222: #222222;
    --c-242424: #242424;
    --c-262626: #262626;
    --c-333333: #333333;
    --c-3a3f47: #3A3F47;
    --c-444444: #444444;
    --c-555555: #555555;
    --c-fafaf7: #FAFAF7;
    --ouro-chip-05: rgba(255,215,0,0.05);
    --ouro-chip-06: rgba(255,215,0,0.06);
    --ouro-chip-08: rgba(255,215,0,0.08);
    --ouro-chip-09: rgba(255,215,0,0.09);
    --ouro-chip-1: rgba(255,215,0,0.1);
    --ouro-chip-12: rgba(255,215,0,0.12);
    --ouro-chip-18: rgba(255,215,0,0.18);
    --t-25d366: #25D366;
    --t-2a2a2a: #2A2A2A;
    --t-2a2f36: #2A2F36;
    --t-374151: #374151;
    --t-3a3f47: #3A3F47;
    --t-444444: #444444;
    --t-555555: #555555;
    --t-737373: #737373;
    --t-86efac: #86EFAC;
    --t-888888: #888888;
    --t-8b8b8b: #8B8B8B;
    --t-a8a8a8: #A8A8A8;
    --t-f7f7f7: #F7F7F7;
    --t-f97316: #F97316;
    --t-fca5a5: #FCA5A5;
    --t-ff8b8b: #FF8B8B;
    --w-02: rgba(255,255,255,0.02);
    --w-03: rgba(255,255,255,0.03);
    --w-04: rgba(255,255,255,0.04);
    --w-05: rgba(255,255,255,0.05);
    --w-06: rgba(255,255,255,0.06);
    --w-08: rgba(255,255,255,0.08);
  }
}
:root[data-theme="dark"] {
  --c-050505: #050505;
  --c-051a05: #051A05;
  --c-0a0a0a-94: rgba(10,10,10,0.94);
  --c-0a0a0a-95: rgba(10,10,10,0.95);
  --c-0a0a0a-96: rgba(10,10,10,0.96);
  --c-0a0a0a-97: rgba(10,10,10,0.97);
  --c-0a0a0a-98: rgba(10,10,10,0.98);
  --c-0a1020: #0A1020;
  --c-0e0e0e: #0E0E0E;
  --c-0f0f0a: #0F0F0A;
  --c-0f0f0f: #0F0F0F;
  --c-101010: #101010;
  --c-121212: #121212;
  --c-140a0a: #140A0A;
  --c-16110a: #16110A;
  --c-191919: #191919;
  --c-1a0505: #1A0505;
  --c-1a1a00: #1A1A00;
  --c-1a1a05: #1A1A05;
  --c-1b1b1b: #1B1B1B;
  --c-1f1f1f: #1F1F1F;
  --c-222222: #222222;
  --c-242424: #242424;
  --c-262626: #262626;
  --c-333333: #333333;
  --c-3a3f47: #3A3F47;
  --c-444444: #444444;
  --c-555555: #555555;
  --c-fafaf7: #FAFAF7;
  --ouro-chip-05: rgba(255,215,0,0.05);
  --ouro-chip-06: rgba(255,215,0,0.06);
  --ouro-chip-08: rgba(255,215,0,0.08);
  --ouro-chip-09: rgba(255,215,0,0.09);
  --ouro-chip-1: rgba(255,215,0,0.1);
  --ouro-chip-12: rgba(255,215,0,0.12);
  --ouro-chip-18: rgba(255,215,0,0.18);
  --t-25d366: #25D366;
  --t-2a2a2a: #2A2A2A;
  --t-2a2f36: #2A2F36;
  --t-374151: #374151;
  --t-3a3f47: #3A3F47;
  --t-444444: #444444;
  --t-555555: #555555;
  --t-737373: #737373;
  --t-86efac: #86EFAC;
  --t-888888: #888888;
  --t-8b8b8b: #8B8B8B;
  --t-a8a8a8: #A8A8A8;
  --t-f7f7f7: #F7F7F7;
  --t-f97316: #F97316;
  --t-fca5a5: #FCA5A5;
  --t-ff8b8b: #FF8B8B;
  --w-02: rgba(255,255,255,0.02);
  --w-03: rgba(255,255,255,0.03);
  --w-04: rgba(255,255,255,0.04);
  --w-05: rgba(255,255,255,0.05);
  --w-06: rgba(255,255,255,0.06);
  --w-08: rgba(255,255,255,0.08);
}