@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,400;12..60,600;12..60,700;12..60,800&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root {
  /* ── Paleta A — Noite industrial ─────────────────────── */
  --bg-principal:      #101110;
  --bg-alternativo:    #181D1E;
  --surface-baixa:     #20272B;
  --surface-elevada:   #20272B;
  --surface-forte:     #2C353A;
  --border-sutil:      #384247;
  --border-forte:      #5A6971;
  --text-principal:    #F2F2F2;
  --text-secundario:   #B7BEC0;
  --text-discreto:     #8E999D;
  --text-inverso:      #101110;
  --text-on-accent:    #F2F2F2;
  --accent:            #B92538;
  --accent-hover:      #C62A40;
  --accent-link:       #FF6B7A;
  --accent-foco:       #E5485A;
  --accent-bg-sutil:   #32171D;
  --focus-ring:        #E5485A;
  --disabled-bg:       #20272B;
  --disabled-text:     #6F8088;
  --disabled-border:   #384247;
  --selection-bg:      #32171D;
  --selection-text:    #FF6B7A;
  --code-bg:           #15191A;
  --code-text:         #B7BEC0;
  --code-border:       #384247;

  /* ── Paleta B — Dia nublado industrial ───────────────── */
  --bg-principal-b:    #E7E3DC;
  --bg-alternativo-b:  #EFECE6;
  --surface-baixa-b:   #D9D4CC;
  --border-sutil-b:    #A9AAA5;
  --border-forte-b:    #5F6A6E;
  --text-principal-b:  #171B1C;
  --text-secundario-b: #3E474A;
  --text-discreto-b:   #556064;
  --accent-link-b:     #A82335;
  --accent-bg-sutil-b: #F1D5D9;

  /* ── Tipografia ──────────────────────────────────────── */
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body:    'IBM Plex Sans', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;

  /* ── Sombras (apenas Paleta A, elementos elevados) ───── */
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 48px rgba(0, 0, 0, 0.6);

  /* ── Override tracking para eyebrow (spec: 0.10em) ───── */
  --tracking-eyebrow: 0.10em;
}