/* Lotus IT design tokens. Dark-first: night-harbour navy, lotus magenta signature, cyan only inside the lotus light.
   Ported from docs/v3/design/concept/site.css; token names are kept. */
:root {
  --bg: #060E17;
  --bg-2: #0B1724;
  --panel: #0F1E2F;
  --line: #1B2D41;
  --line-2: #27405A;
  --fg: #EAF0F6;
  --dim: #93A5B8;
  --petal: #FF5C93;
  --petal-ink: #1A0610;
  --cyan: #6FE3FF;
  --mark-stroke: 3.6; --mark-stroke-inner: 3.06; --mark-water: 2.7; --mark-water-2: 2.16;
  --open: #47D48C;
  --focus: #8FB4FF;
  --glass: rgba(11, 23, 36, .72);
  --shadow: rgba(0, 0, 0, .55);

  --display: "Funnel Display", "Helvetica Neue", Arial, sans-serif;
  --body: "Funnel Sans", "Helvetica Neue", Arial, sans-serif;

  --s-1: .875rem; --s0: 1.0625rem; --s1: 1.3rem; --s2: 1.7rem;
  --s3: clamp(2.1rem, 4.2vw, 3.2rem);
  --s4: clamp(2.9rem, 8vw, 6.6rem);
  --max: 1280px;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F2F5F8; --bg-2: #E8EDF2; --panel: #FFFFFF; --line: #D5DDE5; --line-2: #BCC8D4;
    --fg: #0B1826; --dim: #4F6174; --petal: #D0265F; --petal-ink: #FFFFFF; --cyan: #0A86B0;
    --mark-stroke: 4; --mark-stroke-inner: 3.4; --mark-water: 3; --mark-water-2: 2.4;
    --open: #157A4C; --focus: #2F6FED; --glass: rgba(242, 245, 248, .78); --shadow: rgba(11, 24, 38, .18);
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --bg: #F2F5F8; --bg-2: #E8EDF2; --panel: #FFFFFF; --line: #D5DDE5; --line-2: #BCC8D4;
  --fg: #0B1826; --dim: #4F6174; --petal: #D0265F; --petal-ink: #FFFFFF; --cyan: #0A86B0;
    --mark-stroke: 4; --mark-stroke-inner: 3.4; --mark-water: 3; --mark-water-2: 2.4;
  --open: #157A4C; --focus: #2F6FED; --glass: rgba(242, 245, 248, .78); --shadow: rgba(11, 24, 38, .18);
  color-scheme: light;
}

/* Self-hosted fonts (SIL OFL 1.1, licences in /fonts). Variable weight 300 to 800, Latin subset. */
@font-face {
  font-family: "Funnel Display";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/funnel-display.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/funnel-sans.woff2") format("woff2");
}
@font-face {
  font-family: "Funnel Sans";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/funnel-sans-italic.woff2") format("woff2");
}