/* AIO Finance — canvas v3, with accessible control boundaries. */

:root{
  --bg:#f5f3ee; --surface:#ffffff; --surface-2:#efece5; --surface-3:#e6e2d9;
  --line:#e2ded5; --line-2:#cbc6bb;
  --ink:#1c1a16; --ink-2:#55514a; --ink-3:#726d63; --ink-inv:#f7f5f0;
  --brand:#0b7757; --brand-ink:#0a5f47; --brand-soft:#dcf3ea; --brand-line:#9fdcc6;
  --brass:#805800; --brass-soft:#fbf0cf; --brass-line:#e9cf7a;
  --red:#bf3a1f; --red-soft:#fde4dd; --red-line:#f3b2a3;
  --blue:#2a5db0; --blue-soft:#e0eafb; --blue-line:#a9c3f0;
  --violet:#6a48c0; --violet-soft:#ebe4fb;
  --shadow:0 1px 2px rgba(28,26,22,.06),0 10px 28px -14px rgba(28,26,22,.22);
  --grain:radial-gradient(rgba(28,26,22,.045) 1px,transparent 1px);
  --logo-fg:#ffffff; --brand-on-ink:#3fd6a6; --chart-1:#0b7757; --chart-2:#2a5db0; --chart-mute:#cbc6bb;
}
:root[data-theme="dark"]{
  --bg:#131110; --surface:#1c1917; --surface-2:#242020; --surface-3:#2e2a26;
  --line:#302c28; --line-2:#433e37;
  --ink:#f1ede5; --ink-2:#b9b2a6; --ink-3:#8a8377; --ink-inv:#1c1a16;
  --brand:#3fd6a6; --brand-ink:#8fe9c9; --brand-soft:#123a2f; --brand-line:#1f6b53;
  --brass:#e6b957; --brass-soft:#3a2d0f; --brass-line:#6b5420;
  --red:#ff8a6e; --red-soft:#43190f; --red-line:#7a3323;
  --blue:#8ab6ff; --blue-soft:#17294a; --blue-line:#2c4a80;
  --violet:#b8a2ff; --violet-soft:#2a2050;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -14px rgba(0,0,0,.7);
  --grain:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
  --logo-fg:#0e1f19; --brand-on-ink:#0b7757; --chart-1:#1ea97e; --chart-2:#5c8fe8; --chart-mute:#433e37;
}

:root { --control-line:#827d73; --focus:#0b7757; color-scheme:light; }
:root[data-theme="dark"] { --control-line:#8a8377; --focus:#3fd6a6; color-scheme:dark; }