/* cs_ui.css — CasaStocks design tokens (SEO-FIX-258) · one source for colours, type and motion, dark and light
   direction (unslop method by Damir Sokolovsky, CC BY 4.0): exact, calm, local · the evening quote sheet and the brass of the trading floor
   dark = default · light = html[data-theme="light"] (set before paint by cs_theme_head(), chosen by the visitor, saved in localStorage "cs_theme")
   pages opt in by calling cs_theme_head(); a page that does not stays dark */
:root{
  --ui-bg0:#0e0d0c; --ui-bg:#121110; --ui-card:#1a1917; --ui-raise:#23211e;
  --ui-hl:rgba(239,233,222,.08); --ui-hl2:rgba(239,233,222,.14);
  --ui-tx:#efe9de; --ui-tx2:#aaa398; --ui-tx3:#8a847a; --ui-tx-hi:#ffffff; --ui-on-tx:#161513;
  --ui-ac:#d4a556; --ui-ac2:#e6bf7a; --ui-on-ac:#1a1405;
  --ui-up:#4cc38a; --ui-dn:#e5484d; --ui-warn:#e0a43a;
  --ui-nav:rgba(18,17,16,.92); --ui-shadow:0 16px 40px -16px rgba(0,0,0,.6); --ui-btn-hl:inset 0 1px 0 rgba(255,255,255,.5);
  --ui-font:'Cairo',system-ui,sans-serif; --ui-mono:'JetBrains Mono',ui-monospace,monospace;
  --ui-ease:cubic-bezier(.22,1,.36,1); --ui-r-sm:6px; --ui-r:10px; --ui-r-lg:16px;
  color-scheme:dark;
}
html[data-theme="light"]{
  --ui-bg0:#efe9df; --ui-bg:#f7f4ee; --ui-card:#fdfbf7; --ui-raise:#efe9df;
  --ui-hl:rgba(31,27,22,.10); --ui-hl2:rgba(31,27,22,.18);
  --ui-tx:#1f1b16; --ui-tx2:#5e554a; --ui-tx3:#756c60; --ui-tx-hi:#000000; --ui-on-tx:#fdfbf7;
  --ui-ac:#8a5f17; --ui-ac2:#6f4b10; --ui-on-ac:#ffffff;
  --ui-up:#15803d; --ui-dn:#c62828; --ui-warn:#a16207;
  --ui-nav:rgba(247,244,238,.92); --ui-shadow:0 8px 24px rgba(31,27,22,.10); --ui-btn-hl:none;
  color-scheme:light;
}
/* theme switch (cs_theme_toggle) */
.ui-theme{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:0;background:none;color:var(--ui-tx2);cursor:pointer;transition:color .15s var(--ui-ease),background-color .15s var(--ui-ease)}
.ui-theme:hover{color:var(--ui-tx);background:var(--ui-raise)}
.ui-theme:focus-visible{outline:2px solid var(--ui-ac);outline-offset:2px}
.ui-theme svg{width:18px;height:18px}
.ui-theme .i-sun{display:none}
html[data-theme="light"] .ui-theme .i-sun{display:block}
html[data-theme="light"] .ui-theme .i-moon{display:none}
@media (prefers-reduced-motion:no-preference){html.ui-switching,html.ui-switching *{transition:background-color .2s var(--ui-ease),color .2s var(--ui-ease),border-color .2s var(--ui-ease)!important}}