/* Baked from AlefiaBrand/alefia.brand.json v3.2.0 — light brochure */
:root {
  /* Colour */
  --alefia-ink: #0B1B2E;
  --alefia-navy: #0F2A4A;
  --alefia: #1F5FA8;
  --alefia-hover: #174A86;
  --alefia-accent: #1F5FA8;
  --alefia-surface: #F4F6F9;
  --alefia-soft: #E9EEF5;
  --alefia-softborder: #C8D2DE;
  --alefia-line: #D8DEE7;
  --alefia-muted: #526274;
  --alefia-panel: #FFFFFF;
  --alefia-dark: #0F2A4A;
  --alefia-on-primary: #FFFFFF;
  --alefia-on-accent: #FFFFFF;

  --navy: #0F2A4A;
  --accent: #1F5FA8;
  --ink: #0B1B2E;
  --muted: #526274;          /* AA-safe muted on Cloud / white */
  --muted-soft: #6B7B8D;     /* captions only */
  --line: #D8DEE7;
  --soft: #E9EEF5;
  --surface: #F4F6F9;
  --panel: #FFFFFF;
  --dark: #0F2A4A;

  /* Hairline borders (Stripe/Linear subtlety) */
  --border-subtle: color-mix(in srgb, var(--ink) 7%, transparent);
  --border-hairline: color-mix(in srgb, var(--ink) 5%, transparent);
  --border-strong: color-mix(in srgb, var(--ink) 10%, transparent);

  /* Type families */
  --font-display: "Instrument Sans", system-ui, sans-serif;
  --font-ui: "Source Sans 3", system-ui, sans-serif;

  /* Type scale (brand) */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;

  /* Fluid marketing — clear hero → section → body steps */
  --text-hero: clamp(2.5rem, 6.5vw, 4.25rem);
  --text-page: clamp(2.15rem, 4vw, 3rem);
  --text-section: clamp(1.9rem, 3.5vw, 2.65rem);
  --text-subhead: clamp(1.25rem, 2.4vw, 1.65rem);
  --text-btn: 0.9rem;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --leading-display: 0.96;
  --leading-heading: 1.1;
  --leading-tight: 1.2;
  --leading-snug: 1.4;
  --leading-normal: 1.55;
  --leading-body: 1.65;

  --tracking-wordmark: 0.04em;
  --tracking-display: -0.035em;
  --tracking-tight: -0.02em;
  --tracking-label: 0.16em;

  /* Space scale (8-point grid) */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;

  /* Layout — generous section air */
  --content-max: 67.5rem;
  --prose-max: 36rem;
  --measure-lead: 60ch;
  --measure-body: 65ch;
  --page-gutter: clamp(1.25rem, 4vw, 2rem);
  --section-y: clamp(5rem, 11vw, 8rem);
  --hero-y-top: clamp(5.5rem, 12vw, 8.5rem);
  --hero-y-bottom: clamp(4.5rem, 9vw, 6.5rem);
  --nav-height: 4rem;

  /* Radius — 4 / 6 / 8px brand ladder */
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.5rem;

  --border-width: 1px;
  --border-width-strong: 1px;

  /* Soft, diffuse depth (multi-layer) */
  --shadow-sm: 0 1px 2px rgba(11, 27, 46, 0.04);
  --shadow-md:
    0 1px 2px rgba(11, 27, 46, 0.03),
    0 6px 16px rgba(11, 27, 46, 0.05);
  --shadow-lg:
    0 1px 2px rgba(11, 27, 46, 0.02),
    0 8px 20px rgba(11, 27, 46, 0.04),
    0 24px 48px rgba(11, 27, 46, 0.05);
  --shadow-focus: 0 0 0 1px #1F5FA8;
  --shadow-cta: 0 6px 18px color-mix(in srgb, var(--alefia) 18%, transparent);

  --duration-fast: 150ms;
  --duration-base: 200ms;
  --ease: ease;
}