/* Firebrand shared styles */
:root{
  --fb-black:#000000;
  --fb-white:#ffffff;
  /* brand reds taken from the logo's flame gradient */
  --fb-primary:#e8382b;        /* fills, buttons, blocks */
  --fb-primary-ink:#c2261c;    /* the same red darkened so text on white stays readable */
  --fb-primary-deep:#a21d36;
  --fb-accent:#f2913a;         /* orange, for use on dark backgrounds */
  --fb-accent-ink:#a1440a;     /* the same orange darkened for text on white */
  --fb-dark:#212529;
  --fb-muted:#6c757d;
  --fb-light:#f8f9fa;
  --fb-success:#198754;
  --fb-warning:#ffc107;
  --fb-border:#dee2e6;
  --fb-grey-800:#343a40;
  --fb-grey-700:#495057;
  --fb-grey-500:#adb5bd;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:#212529;background:#ffffff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.font-display{font-family:'Outfit','Inter',sans-serif;letter-spacing:-0.02em}
.fb-gradient-text{background:linear-gradient(90deg,#c2261c 0%,#f2913a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-hero-grid{
  background-image:
    radial-gradient(circle at 20% 20%, rgba(232,56,43,0.10), transparent 45%),
    radial-gradient(circle at 80% 30%, rgba(242,145,58,0.10), transparent 45%),
    linear-gradient(#eef1f5 1px, transparent 1px),
    linear-gradient(90deg, #eef1f5 1px, transparent 1px);
  background-size: auto, auto, 44px 44px, 44px 44px;
}
.fb-marquee{display:flex;gap:3rem;animation:fb-marquee 30s linear infinite;white-space:nowrap}
@keyframes fb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fb-card{transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease}
.fb-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px rgba(232,56,43,0.25);border-color:#e8382b}
.fb-btn-primary{background:#e8382b;color:#fff;transition:all .2s ease}
.fb-btn-primary:hover{background:#212529;color:#fff}
.fb-btn-dark{background:#212529;color:#fff;transition:all .2s ease}
.fb-btn-dark:hover{background:#e8382b}
.fb-underline-link{position:relative}
.fb-underline-link::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:currentColor;transition:width .3s ease}
.fb-underline-link:hover::after{width:100%}
.fb-nav a.active{color:#c2261c}
/* respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .fb-marquee{animation:none}
  .fb-card,.fb-card:hover{transition:none;transform:none}
}