/* JxL Lens™ — design tokens as CSS variables.
   Source: the Lens brand sheet (30 Sep 2026). Rules: lens-brand.md and
   brand.jxl.fi/lens.html. Lens is the JxL family in blue: JxL's colours
   and type, with Julkee Blue leading and no red. */

:root {
  /* ---------- Colour (roughly 60 / 30 / 10) ---------- */
  --lens-blue: #0b63f6;       /* Julkee Blue — dominant: panels, CTAs */
  --lens-blue-deep: #0950c9;  /* hover and pressed states only */
  --lens-black: #000000;      /* canvas, text */
  --lens-off-white: #efefef;  /* neutral surface */
  --lens-white: #ffffff;      /* cards */
  /* No red: Lempee Red is DICE's colour, and red and blue are never set side by side as equals. */

  /* ---------- Type ---------- */
  --lens-font: "Work Sans", "Helvetica Neue", Arial, sans-serif;
  --lens-weight-heading: 900;  /* always uppercase, no full stops or colons */
  --lens-weight-button: 700;   /* buttons, names, the wordmark (-0.035em) */
  --lens-weight-label: 500;    /* eyebrows, labels */
  --lens-weight-body: 400;     /* body, line-height 1.6 */
  --lens-numerals: tabular-nums; /* figures: font-variant-numeric, never monospace */

  /* ---------- Shape ---------- */
  --lens-radius-panel: 24px;
  --lens-radius-card: 14px;
  --lens-radius-pill: 999px;
}