/* © 2026 Wannlabs. wl-theme.css: the ONE source of truth for Wannlabs colours, type and shape.
   Taken from the wannlabs.com home page (Ember palette, no blue). Every public page, the /app dashboard
   and the <wl-apps> switcher can link this file and use the --wl-* variables.
   Light surfaces: bg, card, soft. Dark chrome: nav and footer. Text pairs below all pass WCAG AA. */
:root{
  /* surfaces */
  --wl-bg:#fff8f1;          /* page */
  --wl-bg-alt:#ffffff;      /* alternating sections */
  --wl-card:#ffffff;        /* flat panels */
  --wl-soft:#fdeee0;        /* tinted panels, chips */
  --wl-soft-2:#fff4ea;      /* hover on light */
  --wl-line:#ead9c8;        /* hairlines and panel borders */
  --wl-line-2:#cdb7a2;      /* stronger border, hover */
  /* text on light (contrast on #fff8f1: ink 17.4:1, mut 8.0:1, acc 4.9:1, acc2 6.9:1) */
  --wl-ink:#1c130d;
  --wl-mut:#5a4a3f;
  --wl-acc:#c2410c;         /* primary buttons, links, highlights */
  --wl-acc-2:#9a3412;       /* hover, eyebrow, small accent text */
  --wl-on-acc:#ffffff;
  --wl-ok:#166534;          /* success text / checks (6.8:1) */
  --wl-gold:#7a5c12;        /* Prime accent text on light (5.9:1) */
  --wl-focus:#9a3412;       /* focus ring on light (no blue) */
  /* dark chrome: nav, footer, bands */
  --wl-chrome:#17100c;
  --wl-chrome-line:#2a1d15;
  --wl-chrome-line-2:#33251b;
  --wl-chrome-ink:#f5efe9;
  --wl-chrome-mut:#c9bbae;
  --wl-chrome-head:#fdba74;
  --wl-chrome-acc:#ff7a3d;  /* nav "Get started" (text #1a0f08) */
  --wl-chrome-on-acc:#1a0f08;
  --wl-chrome-focus:#ffd29a;
  --wl-band:#2b1d14;        /* enterprise band (warm, no blue) */
  /* type */
  --wl-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --wl-display:"Inter Tight",Inter,system-ui,sans-serif;
  --wl-h1:800 clamp(34px,6vw,64px)/1.04 var(--wl-display);
  --wl-h2:800 clamp(26px,4vw,42px)/1.1 var(--wl-display);
  --wl-h3:700 20px/1.25 var(--wl-display);
  --wl-lead:400 clamp(17px,2vw,20px)/1.55 var(--wl-font);
  --wl-body:400 17px/1.6 var(--wl-font);
  /* shape */
  --wl-r:20px; --wl-r-card:16px; --wl-r-pill:999px;
  --wl-btn-h:48px;
  --wl-shadow:0 1px 2px rgba(28,19,13,.05),0 8px 24px -12px rgba(28,19,13,.12);
  --wl-wrap:1180px;
}