/* Fusion Line colour. Locked palette: navy anchors, teal signals, mist quiets, slate reads.
   Values lifted verbatim from the live site, the LinkedIn Kit v2 source and the premium
   document template. Do not add an unrelated accent palette. */
:root{
  /* --- Base ramp --- */
  --fl-navy:#0A1D37;              /* the anchoring field */
  --fl-teal:#6AD2C7;              /* the controlled signal */
  --fl-mist:#F2F6F9;              /* quiet surface */
  --fl-slate:#3B4A4B;             /* readable body copy */
  --fl-white:#FFFFFF;

  /* Navy family, as used for chrome, scrims and dark cards */
  --fl-navy-900:#070D18;          /* LinkedIn Kit canvas */
  --fl-navy-850:#0D1117;          /* document cover field */
  --fl-navy-800:#0A1D37;          /* the navy */
  --fl-navy-700:#0C2140;          /* browser chrome bar in social mocks */
  --fl-navy-650:#0E223F;          /* avatar ring on navy */
  --fl-navy-600:#112642;          /* glass chip top stop */
  --fl-navy-glow:#173764;         /* radial lift inside navy fields */

  /* Teal family */
  --fl-teal-deep:#15897E;         /* eyebrows on light backgrounds */
  --fl-teal-doc:#002060;          /* document accent (template's --teal-strong) */
  --fl-teal-pale:#9EECE2;         /* fused core highlight */
  --fl-teal-wash:#D9ECEF;         /* closing CTA panel */

  /* Neutrals */
  --fl-ink:#3B4A4B;               /* body */
  --fl-ink-strong:#0A1D37;        /* headings */
  --fl-ink-muted:#5A6A6B;         /* captions, attributions */
  --fl-ink-faint:#667475;         /* small figure captions */
  --fl-ink-doc-muted:#6b7785;     /* document running heads */
  --fl-ink-chip:#4A5A5B;          /* integration chip label */
  --fl-line:#E6E6E6;              /* hairline on white */
  --fl-line-cool:#E2E6E8;         /* chip border */
  --fl-line-card:#E4EBED;         /* map-card border */
  --fl-shell:#E7ECEE;             /* light device shell */

  /* Kin endorsement, never given equal weight to Fusion Line */
  --kin-voiceprint:#9BB068;
  --kin-wordmark:#EEE8DB;

  /* --- Alphas on navy --- */
  --fl-on-navy:#FFFFFF;
  --fl-on-navy-82:rgba(255,255,255,.82);
  --fl-on-navy-78:rgba(255,255,255,.78);
  --fl-on-navy-72:rgba(255,255,255,.72);
  --fl-on-navy-68:rgba(255,255,255,.68);
  --fl-on-navy-62:rgba(255,255,255,.62);
  --fl-on-navy-52:rgba(255,255,255,.52);
  --fl-on-navy-hairline:rgba(255,255,255,.12);
  --fl-teal-08:rgba(106,210,199,.08);
  --fl-teal-12:rgba(106,210,199,.12);
  --fl-teal-16:rgba(106,210,199,.16);
  --fl-teal-18:rgba(106,210,199,.18);
  --fl-teal-28:rgba(106,210,199,.28);
  --fl-teal-34:rgba(106,210,199,.34);
  --fl-teal-45:rgba(106,210,199,.45);
  --fl-teal-50:rgba(106,210,199,.5);
  --fl-navy-18:rgba(10,29,55,.18);
  --fl-navy-10:rgba(10,29,55,.10);
  --fl-navy-07:rgba(10,29,55,.07);

  /* --- Semantic aliases --- */
  --surface-page:var(--fl-white);
  --surface-quiet:var(--fl-mist);
  --surface-dark:var(--fl-navy);
  --surface-card:var(--fl-white);
  --surface-card-quiet:var(--fl-mist);
  --surface-cta-band:var(--fl-teal-wash);
  --surface-doc-cover:var(--fl-navy-850);

  --text-body:var(--fl-ink);
  --text-heading:var(--fl-ink-strong);
  --text-muted:var(--fl-ink-muted);
  --text-eyebrow:var(--fl-teal-deep);
  --text-eyebrow-on-dark:var(--fl-teal);
  --text-on-dark:var(--fl-on-navy);
  --text-on-dark-secondary:var(--fl-on-navy-82);

  --border-hairline:var(--fl-line);
  --border-card:var(--fl-line-card);
  --border-on-dark:var(--fl-teal-18);

  --action-primary-bg:var(--fl-navy);
  --action-primary-fg:var(--fl-white);
  --action-signal-bg:var(--fl-teal);
  --action-signal-fg:var(--fl-navy);
  --action-ghost-border:var(--fl-navy-18);
  --action-ghost-border-dark:rgba(255,255,255,.28);

  --seam-core:var(--fl-teal);
  --seam-halo:rgba(106,210,199,.30);
  --seam-bloom:rgba(106,210,199,.10);

  --link:var(--fl-ink-strong);
  --link-hover:var(--fl-teal-deep);
  --link-on-dark:var(--fl-on-navy-78);
  --link-on-dark-hover:var(--fl-white);
}