/* ============================================================
   Luciany Hara — tokens de cor e tipografia
   ------------------------------------------------------------
   Paleta: Branco (#FAF8F5) claro · Carvão escuro.
   Acento: coral #F23E2E.
   Toggle manual ◐ — primeira visita = sempre light.
   ============================================================ */

/* ---- Tipografia (independente de modo) ---- */
:root {
  /* Display e corpo: Quicksand (arredondado, editorial-moderno) */
  --lh-font-display: 'Quicksand', system-ui, sans-serif;
  --lh-font-body:    'Quicksand', system-ui, sans-serif;

  /* Eyebrow / rótulos / datas / credenciais: Space Mono (ar fintech) */
  --lh-font-eyebrow: 'Space Mono', 'JetBrains Mono', ui-monospace, monospace;

  /* Dados / números grandes */
  --lh-font-num:     'Space Mono', 'JetBrains Mono', ui-monospace, monospace;
  --lh-font-mono:    'JetBrains Mono', ui-monospace, monospace;
}

/* ---- Paleta clara: Branco — padrão de primeira visita ---- */
:root,
[data-lh-mode="light"] {
  /* fundos */
  --lh-bg:           #FAF8F5;
  --lh-surface:      #F4F1EC;
  --lh-surface2:     #EFEAE3;
  --lh-band:         #F4F1EC;

  /* texto */
  --lh-ink:          #161513;
  --lh-muted:        #3a3934;
  --lh-faint:        #8A877F;
  --lh-faint2:       #a39f95;

  /* bordas e separadores */
  --lh-border:       #E7E2DB;
  --lh-border-soft:  #ECE7E0;
  --lh-line:         #E7E2DB;

  /* campos de formulário */
  --lh-field:        #fff;
  --lh-field-b:      #E7E2DB;

  /* acento coral */
  --lh-accent:       #F23E2E;
  --lh-accent-ink:   #fff;
  --lh-accent-soft:  #fde8e6;
  --lh-kicker:       #8A877F;

  /* placeholder de imagem */
  --lh-imgph:        #ECE7E0;
  --lh-imgph-ink:    #a39f95;

  /* faixa escura (consultoria/footer) */
  --lh-dark:         #161513;
  --lh-dark-ink:     #F4F1EC;
  --lh-dark-muted:   #8A877F;
  --lh-dark-sub:     #cbc7bd;
}

/* ---- Paleta escura: Carvão — ativa via toggle ---- */
[data-lh-mode="dark"] {
  --lh-bg:           #141414;
  --lh-surface:      #1E1E1C;
  --lh-surface2:     #191917;
  --lh-band:         #1B1B19;

  --lh-ink:          #F3F0E9;
  --lh-muted:        #B6AFA4;
  --lh-faint:        #827B70;
  --lh-faint2:       #6E675D;

  --lh-border:       #2D2C28;
  --lh-border-soft:  #2A2926;
  --lh-line:         #262521;

  --lh-field:        #1A1A18;
  --lh-field-b:      #33312C;

  --lh-accent:       #F23E2E;
  --lh-accent-ink:   #fff;
  --lh-accent-soft:  #5a1a15;
  --lh-kicker:       #C98A83;

  --lh-imgph:        #222220;
  --lh-imgph-ink:    #5f594f;

  --lh-dark:         #0E0E0D;
  --lh-dark-ink:     #F3F0E9;
  --lh-dark-muted:   #827B70;
  --lh-dark-sub:     #C8C2B8;
}