/* joviano.com: tokens do rebranding oficial (light theme).
   Fonte da verdade: D:\OBSIDIAN\01_SISTEMAS\01_Padroes_Gerais\Paleta_Oficial_Rebranding.md */

:root {
  /* Backgrounds */
  --bg: #F6F6F3;
  --bg-elev: #FFFFFF;
  --surface: #FFFFFF;
  --border: #DDDEDA;
  --border-strong: #9D9C9E;

  /* Textos (contraste AA: text-dim escurecido pra 4.5:1 sobre claro) */
  --text: #222522;
  --text-dim: #666666;
  --text-mute: #9D9C9E;
  --text-invert: #FFFFFF;

  /* Accent (laranja oficial 4 tons) */
  --accent: #FF7500;
  --accent-hover: #D45D00;
  --accent-light: #FFB673;
  --accent-soft: #F8CFA9;
  --accent-glow: rgba(255, 117, 0, 0.15);
  /* Laranja escuro para TEXTO sobre fundo claro (passa contraste AA).
     O laranja vivo (--accent) so tem contraste bom sobre fundo escuro. */
  --accent-texto: #A34200;
  --grad-texto-forte: linear-gradient(90deg, #A34200, #C85400);

  /* Semanticas */
  --success: #2ecc71;
  --danger: #e74c3c;
  --warning: #f1c40f;

  /* Gradientes canonicos */
  --grad-fundo: linear-gradient(0deg, #E3E4E5, #FFFFFF);
  --grad-destaque: linear-gradient(0deg, #FF7500, #FFB673);
  --grad-texto-laranja: linear-gradient(90deg, #FF7500, #FFB673);
  --grad-texto-cinza: linear-gradient(0deg, #9D9C9E, #7F7F7F);

  /* Tipografia: Poppins (self-hosted, ver static/fonts/fonts.css) */
  --font: "Poppins", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Poppins", sans-serif;

  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-2xl: 32px;
  --fs-3xl: 40px;
  --fs-hero: clamp(40px, 6vw, 72px);

  /* Espacos */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* Raios */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* Sombras (neumorfismo suave do rebranding) */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);
  --shadow-neu:
    12px 12px 24px rgba(157, 156, 158, 0.15),
    -12px -12px 24px rgba(255, 255, 255, 0.9);

  /* Layout */
  --container: 1200px;
  --header-h: 92px;
  --footer-h: 200px;

  --transition: 180ms cubic-bezier(.4, 0, .2, 1);
  /* Black Eagle Experience: semantic materials, not page-specific colors. */
  --be-ink: #171B1A;
  --be-ink-elev: #222827;
  --be-ink-line: #3B4240;
  --be-on-ink: #F8F9F5;
  --be-muted-ink: #BBC1BC;
  --be-paper: #F6F6F3;
  --be-paper-deep: #EEEFE9;
  --be-glass: rgba(255,255,255,.86);
  --be-glass-dark: rgba(25,31,28,.86);
  --be-line-glass: rgba(255,255,255,.18);
  --be-orange-haze: rgba(255,117,0,.17);
  --be-grid-line: rgba(255,255,255,.055);
  --be-card-shadow: 0 20px 65px rgba(25,31,28,.07);
  --be-float-shadow: 0 14px 50px rgba(25,31,28,.12);
  --be-focus: #895000;
}