/* ============================================
   fbwhnew-tokens.css
   Shared design tokens for findbestwebhosting.com
   Import this on every page across the site
   ============================================ */

:root {
  /* ── Colours ── */
  --navy:    #0f1f38;
  --slate:   #1c2e4a;
  --amber:   #e8943a;
  --amber-l: #fdf0e3;
  --amber-d: #c4721f;
  --white:   #ffffff;
  --off:     #f7f8fa;
  --border:  #dde3ec;
  --text:    #1a2535;
  --muted:   #5a6a82;
  --green:   #1a7f5a;
  --green-l: #e6f4ee;
  --red-l:   #fdf0f0;
  --red:     #c0392b;

  /* ── Typography ── */
  --serif: 'Lora', Georgia, serif;
  --sans:  'DM Sans', system-ui, sans-serif;
  --base-size: 17px;

  /* ── Layout ── */
  --radius:    12px;
  --radius-sm: 8px;
  --max-width: 700px;
}

/* ── Base resets ── */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--sans);
  font-size: var(--base-size);
  color: var(--text);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}