/* BR Times — Tokens (cores + tipografia) (portado 1:1 do bundle BR Times Design System) */

/* ── Inter Variable — self-hosted ─────────────────────────── */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-VariableFont_opsz_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Italic-VariableFont_opsz_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ── Design tokens — light mode (default) ──────────────────── */
:root {
  /* Accent — BR Blue */
  --accent:          #486AB3;
  --accent-hover:    #3A568F;
  --accent-soft:     rgba(72, 106, 179, 0.10);

  /* Superfícies e fundos */
  --bg:              #ffffff;
  --surface:         #f5f7fb;

  /* Texto */
  --fg:              #1a1a1a;
  --fg-body:         #2e2e2e;
  --fg-muted:        #6b7280;

  /* Bordas */
  --border:          #e5e7eb;
  --border-strong:   #d1d5db;

  /* Botão primário */
  --btn-bg:          #486AB3;
  --btn-fg:          #ffffff;

  /* Link da navbar (light) */
  --nav-link:        rgb(41, 41, 41);

  /* Tipografia */
  --font-sans:       "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Raios */
  --radius-lg:       14px;
}

/* ── Dark mode ─────────────────────────────────────────────── */
html.dark {
  --accent:          #7B9BDC;
  --accent-hover:    #9DB6E6;
  --accent-soft:     rgba(72, 106, 179, 0.30);

  --bg:              #111111;
  --surface:         #1c1c1e;

  --fg:              #f0f0f0;
  --fg-body:         #e0e0e0;
  --fg-muted:        #9ca3af;

  --border:          #2d2d2f;
  --border-strong:   #3a3a3c;

  --btn-bg:          #7B9BDC;
  --btn-fg:          #0d0d0d;

  --nav-link:        rgb(235, 235, 235);
}