/*
 * Shared design tokens — values measured from the Figma file (UPOBXkzML01sbUlCmjO2vo).
 * Loaded before figma-spec.css and growth-spec.css; neither defines :root any more.
 * Naming: --bh-color-* / --bh-fw-* / --bh-fs-* / --bh-lh-* / --bh-space-* / --bh-size-*.
 * Home block uses numeric size names (--bh-fs-74), the growth block semantic ones (--bh-fs-display).
 * Conflict resolved: --bh-space-section-bottom is growth's 200px; Home's 60px is --bh-space-section-bottom-home.
 */
:root {
  /* ===== Home ===== */
  /* Colours (Figma fills) */
  --bh-color-white: #ffffff;
  --bh-color-black: #000000;
  --bh-color-cyan: var(--e-global-color-accent, #99f1ff);
  --bh-color-navy: var(--e-global-color-secondary, #021a51);
  /* Aria cuts (CSS weight per Figma style name) */
  --bh-fw-extralight: 200;
  --bh-fw-light: 300;
  --bh-fw-normal: 350;
  --bh-fw-regular: 400;
  --bh-fw-medium: 500;
  /* Type scale: size / Figma "Auto" line height */
  --bh-fs-12: 12px;  --bh-lh-12: 14.95px;
  --bh-fs-14: 14px;  --bh-lh-14: 19.6px;
  --bh-fs-16: 16px;  --bh-lh-16: 24px;
  --bh-fs-18: 18px;  --bh-lh-18-light: 21.96px;  --bh-lh-18-regular: 22.43px;  --bh-lh-18-medium: 22.68px;
  --bh-fs-20: 20px;  --bh-lh-20: 24.68px;
  --bh-fs-26: 26px;  --bh-lh-26: 32.08px;
  --bh-fs-32: 32px;  --bh-lh-32: 39.49px;
  --bh-fs-54: 54px;  --bh-lh-54: 65.34px;
  --bh-fs-60: 60px;  --bh-lh-60: 72.6px;
  --bh-fs-74: 74px;  --bh-lh-74: 89.54px;
  /* Recurring spacing */
  --bh-space-section-top: 120px;
  --bh-space-section-x: 100px;
  --bh-space-section-bottom-home: 60px;
  --bh-space-btn-h: 45px;

  /* ===== Growth page ===== */
  /* colors (Figma paint styles) */
  --bh-color-primary: var(--e-global-color-secondary, #021a51);      /* "Primary" */
  --bh-color-secondary: var(--e-global-color-accent, #99f1ff);    /* "Secondary" */
  --bh-color-comp-1: #000000;       /* "Comp 1" */
  --bh-color-comp-2: #ffffff;       /* "Comp 2" */
  --bh-color-border-outline: var(--e-global-color-accent, #99f1ff);

  /* font */
  --bh-font-family: 'Aria', sans-serif;
  --bh-fw-bold: 700;

  /* sizes / line-heights (Figma text nodes; lh = Figma node height, "Auto" 100%) */
  --bh-fs-display: 64px;      /* Aria ExtraLight, section titles */
  --bh-lh-display: 77px;
  --bh-fs-stat: 54px;         /* Aria Bold, step number (cap-height trimmed: 27px box) */
  --bh-lh-stat: 27px;
  --bh-fs-subtitle: 26px;     /* style "Subtitle" Aria Normal */
  --bh-lh-subtitle: 32px;
  --bh-fs-title-24: 24px;     /* Aria Medium */
  --bh-lh-title-24: 30px;
  --bh-fs-body: 18px;         /* style "H1" Aria Light */
  --bh-lh-body: 22px;
  --bh-ls-none: 0;
  --bh-ff-body: "calt" 0;     /* Figma text style H1 has OpenType CALT toggled off */

  /* spacing */
  --bh-space-page-x: 100px;
  --bh-space-section-bottom: 200px;
  --bh-space-section-gap: 200px;
  --bh-space-title-gap-lg: 160px;
  --bh-space-title-gap-md: 100px;
  --bh-space-paragraph-gap: 20px;
  --bh-space-step-gap: 32px;
  --bh-space-item-gap: 16px;
  --bh-space-text-gap-sm: 12px;
  --bh-space-text-gap-xs: 4px;
  --bh-space-row-gap: 60px;

  /* component sizes */
  --bh-size-content-width: 1240px;
  --bh-size-hex-width: 1057px;
  --bh-size-hex-height: 688px;
  --bh-size-step-box-w: 56px;
  --bh-size-step-box-h: 138px;
  --bh-size-step-pad: 8px;
  --bh-size-result-icon: 74px;
  --bh-size-result-text-w: 220px;
  --bh-size-results-w: 1100px;
}