/* LS Forge themes: one accent per theme, light and dark modes are independent. */
:root{
  --font-ui:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-xs:6px;--r-sm:9px;--r:12px;--r-lg:16px;--r-xl:22px;
  --c1:#2A9D8F;--c2:#4C78D8;--c3:#E0A030;--c4:#8B6AD9;--c5:#D9578A;--c6:#5BAF6E;
}
/* ---- accents ---- */
:root,[data-theme=lagoon]{--b:#1D8A91;--accent:#E5B85A}
[data-theme=harbor]{--b:#2F63D9;--accent:#F2A93B}
[data-theme=meadow]{--b:#2E8B57;--accent:#E9B949}
[data-theme=ember]{--b:#D9531E;--accent:#F0B429}
[data-theme=iris]{--b:#6E56CF;--accent:#F4B740}
[data-theme=blossom]{--b:#D6457A;--accent:#F2B84B}
[data-theme=graphite]{--b:#3F5468;--accent:#D9A441}
/* ---- light ---- */
:root,[data-mode=light]{
  color-scheme:light;
  --brand:var(--b);
  --brand-strong:color-mix(in srgb,var(--b) 82%,#000);
  --on-brand:#fff;
  --bg:color-mix(in srgb,var(--b) 4%,#F5F7F8);
  --surface:#fff;
  --surface-2:color-mix(in srgb,var(--b) 3%,#F8FAFB);
  --surface-3:color-mix(in srgb,var(--b) 6%,#F0F3F5);
  --ink:#122029;--ink-2:#394957;--muted:#667585;--faint:#94A1AE;
  --line:#E2E8EC;--line-2:#EDF1F4;
  --ok:#1B9A62;--ok-bg:#E1F5EB;--warn:#A86A0B;--warn-bg:#FBEFD6;--bad:#D23F38;--bad-bg:#FBE4E2;--info:#2E67D1;--info-bg:#E2ECFB;
  --shadow-1:0 1px 2px rgba(16,32,41,.05);
  --shadow-2:0 2px 6px rgba(16,32,41,.05),0 10px 24px rgba(16,32,41,.06);
  --shadow-3:0 18px 50px rgba(16,32,41,.18),0 4px 14px rgba(16,32,41,.08);
  --scrim:rgba(12,24,32,.45);
}
/* ---- dark ---- */
[data-mode=dark]{
  color-scheme:dark;
  --brand:color-mix(in srgb,var(--b) 72%,#fff);
  --brand-strong:color-mix(in srgb,var(--b) 55%,#fff);
  --on-brand:#071318;
  --bg:color-mix(in srgb,var(--b) 5%,#0D1316);
  --surface:color-mix(in srgb,var(--b) 5%,#141C20);
  --surface-2:color-mix(in srgb,var(--b) 6%,#1A2429);
  --surface-3:color-mix(in srgb,var(--b) 8%,#222D33);
  --ink:#E9F0F3;--ink-2:#BCC9D1;--muted:#8E9EA9;--faint:#66767F;
  --line:#26333A;--line-2:#1F2A30;
  --ok:#4CCB92;--ok-bg:#123125;--warn:#E6B357;--warn-bg:#35280F;--bad:#F27A72;--bad-bg:#3A1A18;--info:#79A9F5;--info-bg:#15263F;
  --shadow-1:0 1px 2px rgba(0,0,0,.4);
  --shadow-2:0 2px 6px rgba(0,0,0,.35),0 10px 24px rgba(0,0,0,.3);
  --shadow-3:0 18px 50px rgba(0,0,0,.6),0 4px 14px rgba(0,0,0,.4);
  --scrim:rgba(0,0,0,.6);
}
:root{
  --brand-soft:color-mix(in srgb,var(--brand) 11%,var(--surface));
  --brand-soft-2:color-mix(in srgb,var(--brand) 20%,var(--surface));
  --brand-line:color-mix(in srgb,var(--brand) 38%,var(--line));
  --ring:color-mix(in srgb,var(--brand) 32%,transparent);
}