/* Fusion Leads — token bridge.
 *
 * The design system (claude.ai/design project 7eda66d3-…, mirrored into the theme
 * as assets/fusion.css) is the source of truth for everything brand-bearing:
 * colour, type, radius, shadow, motion easing. This file adds ONLY the structural
 * tokens the DS does not define, and derives each one from a real DS token
 * wherever a derivation exists. Nothing here invents a brand value.
 *
 * If the DS later defines any of these, delete the line here — the DS wins.
 *
 * Loaded with `fr-tokens` (the theme stylesheet) as a hard dependency.
 */
:root {
  /* Hairline borders. The DS has no border token; its FormCard component and the
     generated theme both express one as a translucent navy, so we name that idiom
     once instead of repeating the color-mix() at 13 call sites. */
  --fr-border: color-mix(in srgb, var(--fr-navy) 22%, transparent);

  /* Pale accent wash behind "success"/highlight blocks — gold at low opacity over
     white, so it stays in the gold family rather than introducing a second accent. */
  --fr-gold-tint: color-mix(in srgb, var(--fr-gold) 12%, var(--fr-white));

  /* Fine-grained spacing. The DS scale (xs 8 / sm 16 / md 32 / lg 64 / xl 100) is
     tuned for page sections; form internals need steps between 8px and 32px that
     it simply doesn't have. Kept in rem so it respects the user's root font size. */
  --fr-space-2:  0.5rem;
  --fr-space-3:  0.75rem;
  --fr-space-4:  1rem;
  --fr-space-5:  1.25rem;
  --fr-space-6:  1.5rem;
  --fr-space-8:  2rem;
  --fr-space-16: 4rem;
  --fr-page-pad: var(--fr-space-md);

  /* Motion durations. The DS exposes complete transition shorthands
     (--fr-transition .3s, --fr-transition-fast .15s) but not bare durations, which
     these components need for multi-property and delayed transitions. Values are
     taken from those two shorthands so timing stays consistent with the DS. */
  --fr-dur-fast: 0.15s;
  --fr-dur-base: 0.3s;
  --fr-dur-slow: 0.4s;

  /* Line heights. 1.65 is the body value stated in the DS README. */
  --fr-lh-base:    1.5;
  --fr-lh-relaxed: 1.65;

  /* Sub-heading sizes used inside form steps. The DS fixes the type *faces* and
     weights but not a numeric scale; these fluid clamps sit below the page H1/H2
     set by the templates. */
  --fr-h4: clamp(1.25rem, 0.95rem + 1.5vw, 1.875rem);
  --fr-h5: clamp(1.125rem, 0.95rem + 0.8vw, 1.5rem);
  --fr-h6: 1.125rem;

  /* Fully-rounded chips/pills — geometry, not brand. */
  --fr-radius-pill: 999px;
}