/* B&L ENGENHARIA — Design Tokens
   Shared between the website, magazine, deck templates and social media.
   Reference: open Paleta & Sistema Visual.html
*/

:root {
  /* ── BLUES (core brand) ────────────────────────────────── */
  --bl-ink:        oklch(18% 0.045 240);    /* #0E1B2C  near-black blue, base text + dark surfaces */
  --bl-deep:       oklch(28% 0.075 245);    /* #1A3556  azul profundo institucional */
  --bl-blue:       oklch(48% 0.13  245);    /* #1E66B5  azul BIM, links, CTA */
  --bl-cyan:       oklch(72% 0.13  225);    /* #4FB6DD  ciano técnico, destaques */
  --bl-mist:       oklch(92% 0.035 230);    /* #CFE3F2  azul claro / fundos suaves */

  /* ── NEUTRALS (warm whites + graphite) ─────────────────── */
  --bl-paper:      oklch(98.5% 0.004 80);   /* #F8F6F2  off-white levemente quente */
  --bl-bone:       oklch(96% 0.006 85);     /* #EFEBE3  bege-pedra para alternar seções */
  --bl-line:       oklch(85% 0.008 240);    /* #CCD2DA  linhas técnicas */
  --bl-mute:       oklch(58% 0.012 240);    /* #82898F  texto secundário */
  --bl-graphite:   oklch(32% 0.012 240);    /* #3A3F47  texto corrido sobre claro */

  /* ── FUNCTIONAL ─────────────────────────────────────────── */
  --bl-fire:       oklch(64% 0.18  35);     /* #D55A2C  reservado para "Prevenção de Incêndio" */
  --bl-ok:         oklch(62% 0.13  155);    /* aprovação / status (uso raro) */

  /* ── TYPE ───────────────────────────────────────────────── */
  --ff-display: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --ff-serif:   "Instrument Serif", "Times New Roman", serif;
  --ff-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* ── RHYTHM ─────────────────────────────────────────────── */
  --r-1: 2px;
  --r-2: 6px;
  --r-3: 12px;
  --r-pill: 999px;

  --shadow-soft: 0 1px 2px rgba(14,27,44,.04), 0 12px 40px -20px rgba(14,27,44,.18);
  --shadow-card: 0 1px 0 rgba(14,27,44,.06), 0 30px 60px -30px rgba(14,27,44,.25);
}

html, body { background: var(--bl-paper); color: var(--bl-ink); }
body { font-family: var(--ff-display); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }