/* Forever Bond Studio · Design System — tokens
   Breakpoints: mobile <700px · tablet 700–1099px · desktop ≥1100px
   Tudo prefixado com --fbs- para não colidir com o tema atual. */
:root {
  --fbs-ink: #1d1a24;
  --fbs-ink-hover: #3a3446;
  --fbs-muted: #5f596a;
  --fbs-muted-2: #6d6778;
  --fbs-accent: #8a57e6;
  --fbs-accent-hover: #6f3fd1; /* brand-hover (checkout) */
  --fbs-accent-soft: #c9b3f5;
  --fbs-bg: #f8f5f0;
  --fbs-surface: #ffffff;
  --fbs-lilac: #ece5f7;
  --fbs-line: rgba(29, 26, 36, 0.14);
  --fbs-line-dark: rgba(255, 255, 255, 0.22);
  --fbs-on-dark: #c7c0d2;
  --fbs-on-dark-2: #a39cb0;

  --fbs-display: 'Marcellus', Georgia, serif;
  --fbs-body: 'Montserrat', system-ui, sans-serif;

  --fbs-radius: 6px;
  --fbs-pill: 99px;
  --fbs-maxw: 1440px;

  /* mobile */
  --fbs-pad-x: 22px;
  --fbs-sec: 64px;
  --fbs-col-gap: 0px;
  --fbs-stack-gap: 28px;
  --fbs-h1: 42px;
  --fbs-h1-long: 36px;
  --fbs-h2: 28px;
  --fbs-h2-mb: 20px;
  --fbs-h3: 24px;
  --fbs-step-t: 17px;
  --fbs-lead: 15px;
  --fbs-card-pad: 22px;
  --fbs-big: 30px;
  --fbs-city: 30px;
  --fbs-band-pad: 48px 22px;
}
@media (min-width: 700px) {
  :root {
    --fbs-pad-x: 40px;
    --fbs-sec: 88px;
    --fbs-col-gap: 40px;
    --fbs-h1: 44px;
    --fbs-h1-long: 40px;
    --fbs-h2: 34px;
    --fbs-h2-mb: 28px;
    --fbs-h3: 26px;
    --fbs-step-t: 19px;
    --fbs-lead: 16px;
    --fbs-card-pad: 28px;
    --fbs-big: 34px;
    --fbs-city: 36px;
    --fbs-band-pad: 56px 40px;
  }
}
@media (min-width: 1100px) {
  :root {
    --fbs-pad-x: 64px;
    --fbs-sec: 120px;
    --fbs-col-gap: 96px;
    --fbs-h1: 78px;
    --fbs-h1-long: 64px;
    --fbs-h2: 42px;
    --fbs-h2-mb: 40px;
    --fbs-h3: 30px;
    --fbs-step-t: 22px;
    --fbs-lead: 17px;
    --fbs-card-pad: 44px;
    --fbs-big: 46px;
    --fbs-city: 48px;
    --fbs-band-pad: 96px 64px;
  }
}