/* ==========================================================================
   tokens.css — design tokens for 4-BF marketing site
   Ported verbatim from V2-4BF-design-system.html (:root block)
   ========================================================================== */

:root {
  /* Palette — core */
  --bf-paper: #FDF7ED;
  --bf-ink: #1A363C;
  --bf-honey: #EDBF6A;
  --bf-sage: #9FAA65;
  --bf-terra: #AE4B2C;
  --bf-teal: #1E666C;

  /* Palette — derived tints */
  --bf-paper-tint: #F6EFE0;
  --bf-paper-shade: #EFE5CC;
  --bf-ink-soft: #2E4E54;
  --bf-ink-mute: #6D7F84;
  --bf-ink-ghost: #B5BFC2;

  /* Typography — families */
  --bf-font-head: 'Crimson Pro', Georgia, 'Times New Roman', serif;
  --bf-font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Typography — scale */
  --bf-size-display: 3.5rem;   /* 56px hero */
  --bf-size-h1: 2.5rem;        /* 40px page */
  --bf-size-h2: 1.875rem;      /* 30px section */
  --bf-size-h3: 1.375rem;      /* 22px sub */
  --bf-size-body: 1.0625rem;   /* 17px body */
  --bf-size-small: 0.9375rem;  /* 15px secondary */
  --bf-size-micro: 0.75rem;    /* 12px eyebrow / legal */

  /* Line-height */
  --bf-lh-tight: 1.1;
  --bf-lh-snug: 1.25;
  --bf-lh-body: 1.6;

  /* Spacing scale */
  --bf-s1: 0.5rem;   /* 8 */
  --bf-s2: 1rem;     /* 16 */
  --bf-s3: 1.5rem;   /* 24 */
  --bf-s4: 2rem;     /* 32 */
  --bf-s5: 3rem;     /* 48 */
  --bf-s6: 4rem;     /* 64 */
  --bf-s7: 6rem;     /* 96 */

  /* Radii */
  --bf-r-sm: 4px;
  --bf-r-md: 8px;
  --bf-r-lg: 16px;
  --bf-r-pill: 999px;

  /* Lines */
  --bf-line: 1px solid var(--bf-ink);
  --bf-line-soft: 1px solid rgba(26, 54, 60, 0.18);
  --bf-line-ghost: 1px solid rgba(26, 54, 60, 0.08);

  /* Shadows — used sparingly */
  --bf-shadow-sm: 0 2px 6px rgba(26, 54, 60, 0.06);
  --bf-shadow-md: 0 8px 24px rgba(26, 54, 60, 0.10);
  --bf-shadow-lg: 0 20px 48px rgba(26, 54, 60, 0.14);

  /* Motion */
  --bf-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --bf-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --bf-ease-reveal: cubic-bezier(0.22, 1, 0.36, 1); /* snappy ease-out for scroll reveals */
  --bf-dur-fast: 150ms;
  --bf-dur-base: 250ms;
  --bf-dur-slow: 400ms;

  /* Layout */
  --bf-container: 1120px;
  --bf-container-narrow: 820px;
}