/* finapps UI foundation v1.0.0. Bundled locally; no runtime dependency on another app.
   Consumes the shared --space-*, --type-*, --radius* and --font scales. */
body[data-layout] {
  --plane: light-dark(#f3f5f4, #101715);
  --surface-1: light-dark(#fff, #18231f);
  --surface-2: light-dark(#eef3f0, #22322b);
  --text-primary: light-dark(#172d25, #e9f3ed);
  --text-secondary: light-dark(#53685d, #afc4b8);
  --text-muted: light-dark(#60766a, #afc4b8);
  --border: light-dark(#dce5df, #36483e);
  --border-strong: light-dark(#baccc0, #526b5d);
  --accent: light-dark(#176747, #8bdbb4);
  --accent-solid: light-dark(#176747, #8bdbb4);
  --on-accent: light-dark(#fff, #102d20);
  --accent-wash: light-dark(#e6f2eb, #254136);
  --grid-line: var(--border);
  --axis-line: var(--border-strong);
  --shadow: 0 3px 20px light-dark(#123c2505, #00000012);
  --sidebar: 212px;
  --type-title: clamp(24px, 2.5vw, 32px);
}
body[data-layout="atelier"] {
  --plane: light-dark(#f2f4f8, #111723);
  --surface-1: light-dark(#fff, #1b2536);
  --surface-2: light-dark(#edf1f7, #26334a);
  --text-primary: light-dark(#202e46, #edf2fc);
  --text-secondary: light-dark(#596b85, #b2bed1);
  --text-muted: light-dark(#607088, #b2bed1);
  --border: light-dark(#dce2ed, #39465e);
  --border-strong: light-dark(#bdc9de, #56698b);
  --accent: light-dark(#405ca9, #b0c1ff);
  --accent-solid: var(--accent);
  --on-accent: light-dark(#fff, #1c2b55);
  --accent-wash: light-dark(#e8eefc, #2b3d69);
}
body[data-layout="parcours"] {
  --plane: light-dark(#f6f4ef, #1d1d18);
  --surface-1: light-dark(#fffefa, #272820);
  --surface-2: light-dark(#eeeee5, #35382a);
  --text-primary: light-dark(#333b26, #f0f1de);
  --text-secondary: light-dark(#60684f, #bec3aa);
  --text-muted: light-dark(#666f54, #bec3aa);
  --border: light-dark(#e1e3d3, #454a36);
  --border-strong: light-dark(#c4cbb3, #6a7751);
  --accent: light-dark(#526d32, #c5db96);
  --accent-solid: var(--accent);
  --on-accent: light-dark(#fff, #293613);
  --accent-wash: light-dark(#edf1e3, #38492b);
}
.ui-icon { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }