/* Burgan Design System — px-resolved scales.
   Fetched verbatim from the approved Claude Design project
   d44f7479-1a62-4014-951d-e1ae1d09fbb2, _ds/.../tokens/scales.css.
   fig-tokens.css carries Figma FLOAT variables unitless; these are the
   ready-to-use length aliases. Values are verbatim from the Figma variables. */
:root {
  /* Radius — Figma collection "Radius" */
  --radius-xxs: 4px;
  --radius-xs-px: 6px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l-px: 16px;
  --radius-xl-px: 100px;

  /* Spacing — Figma collection "Spacing". A 10-step NON-DOUBLING scale. */
  --space-01: 2px;
  --space-02: 4px;
  --space-03: 6px;
  --space-04: 8px;
  --space-05: 12px;
  --space-06: 14px;
  --space-07: 16px;
  --space-08: 20px;
  --space-09: 24px;
  --space-10: 32px;

  /* Type sizes / line-heights — Figma collection "Typography" */
  --type-h1-size: 32px;      --type-h1-lh: 36px;      --type-h1-weight: 700;
  --type-h2-size: 24px;      --type-h2-lh: 32px;      --type-h2-weight: 600;
  --type-h3-size: 18px;      --type-h3-lh: 22px;      --type-h3-weight: 500;
  --type-h4-size: 16px;      --type-h4-lh: 20px;      --type-h4-weight: 500;
  --type-body-1-size: 16px;  --type-body-1-lh: 24px;  --type-body-1-weight: 400;
  --type-body-2-size: 14px;  --type-body-2-lh: 22px;  --type-body-2-weight: 400;
  --type-body-3-size: 12px;  --type-body-3-lh: 18px;  --type-body-3-weight: 400;
  --type-caption-1-size: 14px; --type-caption-1-lh: 20px; --type-caption-1-weight: 500;
  --type-caption-2-size: 12px; --type-caption-2-lh: 18px; --type-caption-2-weight: 500;
  --type-button-1-size: 16px; --type-button-1-lh: 18px; --type-button-1-weight: 700;
  --type-button-2-size: 16px; --type-button-2-lh: 18px; --type-button-2-weight: 500;
  --type-button-3-size: 14px; --type-button-3-lh: 16px; --type-button-3-weight: 600;
  --type-button-4-size: 12px; --type-button-4-lh: 14px; --type-button-4-weight: 500;
  --type-numeral-1-size: 40px; --type-numeral-1-lh: 48px; --type-numeral-1-weight: 500;
  --type-numeral-2-size: 28px; --type-numeral-2-lh: 32px; --type-numeral-2-weight: 500;
  --type-numeral-3-size: 24px; --type-numeral-3-lh: 28px; --type-numeral-3-weight: 500;
  --type-numeral-4-size: 12px; --type-numeral-4-lh: 16px; --type-numeral-4-weight: 400;
  --type-tab-1-size: 14px;   --type-tab-1-lh: 15.4px;  --type-tab-1-weight: 500;
  --type-tab-2-size: 10px;   --type-tab-2-lh: 12px;    --type-tab-2-weight: 500;

  /* Elevation — the ONE shadow recipe the file uses on floating surfaces.
     Cool navy-tinted, never neutral black. */
  --shadow-card: 0px 5px 15px 0px rgba(11,23,85,0.0283), 0px 4px 19.433px 0px rgba(11,23,85,0.02), 0px 4.722px 5.786px 0px rgba(11,23,85,0.02);
  --shadow-sheet: 0px -4px 24px 0px rgba(11,23,85,0.06);

  /* Motion — the Figma file specifies none; these are the DS defaults */
  --motion-fast: 120ms cubic-bezier(0.2, 0, 0, 1);
  --motion-base: 200ms cubic-bezier(0.2, 0, 0, 1);
}
