/* LinkedUp design tokens. Sources: the Stitch "Nexus Professional" spec (navy, tonal layering,
   Manrope + Inter) and the LinkedUp brand sheet (Ink #0e1621, Link Teal #1ba5c4, Slate #8fa3b3).
   Contract: design-systems/_core/README.md. */
:root {
  /* colour */
  --ds-primary: #004b71;
  --ds-on-primary: #ffffff;
  --ds-accent: #1ba5c4;          /* Link Teal: decorative, numerals on dark. Not for text on light. */
  --ds-on-accent: #0e1621;
  --ds-ink: #1a1c1c;             /* never pure black */
  --ds-muted: #41484f;
  --ds-line: #e8e8e8;
  --ds-surface: #f9f9f9;
  --ds-surface-alt: #f4f3f3;
  --ds-kicker: #006494;
  --ds-btn-bg: linear-gradient(135deg, #004b71 0%, #006494 100%);
  --ds-card-line: transparent;   /* no-line rule: depth comes from tone and ambient shadow */
  --ds-card-shadow: 0 24px 48px -16px rgba(26, 28, 28, .08);
  --ds-header-bg: rgba(249, 249, 249, .8);
  --ds-header-fg: #1a1c1c;
  --ds-header-line: transparent;
  --ds-hero-bg: linear-gradient(180deg, #f9f9f9 0%, #f4f3f3 100%);
  --ds-on-hero: #1a1c1c;
  --ds-on-hero-muted: #41484f;
  --ds-dark-bg: #0e1621;         /* brand Ink */
  --ds-on-dark: #ffffff;
  --ds-on-dark-muted: #8fa3b3;   /* brand Slate */
  --ds-tint-bg: #f4f3f3;
  --ds-check-bg: #cbe6ff;
  --ds-check-fg: #004b71;
  --ds-device: #0e1621;
  --ds-backdrop: rgba(14, 22, 33, .6);
  --lu-fixed: #cbe6ff;           /* primary-fixed: selection chips */
  --lu-slate: #8fa3b3;
  --lu-ok: #0f7a4d;

  /* type */
  --ds-font-display: "Manrope", "Inter", system-ui, sans-serif;
  --ds-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-hand: "Inter", system-ui, sans-serif;
  --ds-display-weight: 800;
  --ds-display-transform: none;
  --ds-display-tracking: -.035em;
  --ds-display-leading: 1.04;
  --ds-title-weight: 800;
  --ds-step--1: .875rem;
  --ds-step-0: 1rem;
  --ds-step-1: 1.1875rem;
  --ds-step-2: 1.5rem;
  --ds-step-3: clamp(1.875rem, 3.6vw, 2.75rem);
  --ds-step-4: clamp(2.5rem, 5.6vw, 4.5rem);
  --ds-step-5: clamp(3rem, 7vw, 5.25rem);
  --ds-step-6: clamp(3.5rem, 10vw, 7rem);

  /* space, shape, measure */
  --ds-space-1: 4px;  --ds-space-2: 8px;  --ds-space-3: 12px;
  --ds-space-4: 16px; --ds-space-5: 24px; --ds-space-6: 32px;
  --ds-space-7: 48px; --ds-space-8: 64px; --ds-space-9: 96px;
  --ds-radius-pill: 999px;
  --ds-radius-btn: 999px;
  --ds-radius-field: 8px;
  --ds-radius-card: 16px;
  --ds-radius-phone: 36px;
  --ds-maxw: 1200px;
}