/* ============================================
   X BYTE — Bootstrap 5 Theme Override
   Variáveis da marca + overrides do Bootstrap
   ============================================ */

:root {
  /* ───── X Byte brand variables ───── */
  --xb-navy: #053C5B;
  --xb-navy-deep: #03283D;
  --xb-navy-soft: #0C2D48;
  --xb-teal: #1E93A0;
  --xb-teal-bright: #22B8C8;
  --xb-cta: #F5A623;
  --xb-whatsapp: #25D366;
  --xb-ink: #0F0F0F;
  --xb-graphite: #3A3A3A;
  --xb-silver: #9A9A9A;
  --xb-paper: #FFFFFF;
  --xb-paper-warm: #F7F9FA;
  --xb-paper-cool: #EEF3F5;
  --xb-line: #DCE4E8;
  --xb-line-strong: #B6C4CB;

  /* ───── Bootstrap overrides ───── */
  --bs-primary: var(--xb-navy);
  --bs-primary-rgb: 5, 60, 91;
  --bs-secondary: var(--xb-teal);
  --bs-secondary-rgb: 30, 147, 160;
  --bs-info: var(--xb-teal-bright);
  --bs-info-rgb: 34, 184, 200;
  --bs-warning: var(--xb-cta);
  --bs-warning-rgb: 245, 166, 35;
  --bs-success: var(--xb-whatsapp);
  --bs-success-rgb: 37, 211, 102;
  --bs-dark: var(--xb-navy-deep);
  --bs-dark-rgb: 3, 40, 61;
  --bs-light: var(--xb-paper-warm);
  --bs-light-rgb: 247, 249, 250;
  --bs-body-color: var(--xb-ink);
  --bs-body-color-rgb: 15, 15, 15;
  --bs-body-bg: var(--xb-paper);
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-font-family: Arial, "Helvetica Neue", sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.55;
  --bs-heading-color: var(--xb-navy);
  --bs-link-color: var(--xb-navy);
  --bs-link-color-rgb: 5, 60, 91;
  --bs-link-hover-color: var(--xb-teal);
  --bs-link-hover-color-rgb: 30, 147, 160;
  --bs-border-color: var(--xb-line);
  --bs-border-radius: 0.25rem;
  --bs-border-radius-lg: 0.375rem;

  /* Tipografia */
  --font-display: "Arial Black", Arial, "Helvetica Neue", sans-serif;
  --font-body: Arial, "Helvetica Neue", sans-serif;
}