/* ============================================================================ Aurelous Advisor — "Clean institutional" design system Warm-white surfaces · deep emerald accent · precise type · generous whitespace. Type: Schibsted Grotesk (display) · Hanken Grotesk (UI/body) · Geist Mono (data) ============================================================================ */ :root{ /* surfaces (warm paper whites) */ --surface:#FBFAF7; --panel:#FFFFFF; --panel-2:#F4F2EC; --panel-3:#EEEBE1; /* ink */ --ink:#16181D; --ink-2:#575C66; --ink-3:#8C909B; /* lines (warm hairlines) */ --line:#E9E5DA; --line-2:#DCD7CA; /* brand gold (Gedtech) — fills use --accent + dark --on-accent text; accent TEXT uses readable --accent-ink */ --accent:#C9A227; --accent-2:#B58F1C; --accent-ink:#806413; --accent-soft:rgba(201,162,39,.12); --accent-line:rgba(201,162,39,.34); --on-accent:#1B1505; /* brand gold (Gedtech) */ --gold:#C9A227; --gold-2:#E2BC57; /* market */ --up:#1F8A5B; --down:#C0463B; --up-soft:rgba(31,138,91,.12); --down-soft:rgba(192,70,59,.12); /* effects */ --shadow-sm:0 1px 2px rgba(22,24,29,.05); --shadow:0 1px 2px rgba(22,24,29,.04), 0 10px 30px -16px rgba(22,24,29,.18); --radius:14px; --radius-sm:10px; --radius-xs:8px; /* type */ --display:'Schibsted Grotesk',system-ui,sans-serif; --sans:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --mono:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace; } /* ---- dark theme (per-account, applied via data-theme on ) ---- */ [data-theme="dark"]{ --surface:#0F1115; --panel:#171A20; --panel-2:#1E222A; --panel-3:#262B35; --ink:#ECEEF2; --ink-2:#A6ACB8; --ink-3:#727884; --line:#272C35; --line-2:#343A45; --accent:#D9B23A; --accent-2:#E8C766; --accent-ink:#E2BC57; --accent-soft:rgba(217,178,58,.16); --accent-line:rgba(217,178,58,.34); --up:#34B27B; --down:#E0685C; --up-soft:rgba(52,178,123,.15); --down-soft:rgba(224,104,92,.15); --gold:#E2BC57; --gold-2:#F0D27E; --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow:0 1px 2px rgba(0,0,0,.35), 0 12px 30px -16px rgba(0,0,0,.65); } [data-theme="dark"] .top{background:rgba(15,17,21,.82)} [data-theme="dark"] .brand .logo{content:url('/static/brand/logo-dark.png')} *{box-sizing:border-box} html,body{margin:0;height:100%} body{ background:var(--surface); color:var(--ink); font:400 14.5px/1.55 var(--sans); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } a{color:var(--accent-ink);text-decoration:none} a:hover{color:var(--accent)} .mono{font-family:var(--mono);font-feature-settings:'tnum' 1,'zero' 1} .muted{color:var(--ink-2)} .dim{color:var(--ink-3)} .pos{color:var(--up)} .neg{color:var(--down)} :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px} /* ---- controls ---- */ .btn{ background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--radius-sm); padding:10px 18px;font:600 13.5px/1 var(--sans);letter-spacing:.01em;cursor:pointer; transition:background .15s ease, transform .04s ease; } .btn:hover{background:var(--accent-2)} .btn:active{transform:translateY(1px)} .btn.ghost{background:transparent;border:1px solid var(--line-2);color:var(--ink-2)} .btn.ghost:hover{background:var(--panel-2);color:var(--ink)} input,select{ background:var(--panel);border:1px solid var(--line-2);color:var(--ink); border-radius:var(--radius-sm);padding:10px 13px;font:400 14px/1.3 var(--sans);width:100%; transition:border-color .15s ease, box-shadow .15s ease; } input::placeholder{color:var(--ink-3)} input:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)} /* ---- surfaces ---- */ .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)} .sectitle{font:600 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)} /* ---- brand lockup ---- */ .brand{display:inline-flex;align-items:center;gap:10px;font:700 17px/1 var(--display);letter-spacing:-.01em;color:var(--ink)} a.brand{cursor:pointer} a.brand:hover{opacity:.85} .brand .mark{ width:27px;height:27px;border-radius:8px;background:var(--accent);color:#fff; display:grid;place-items:center;font:700 15px/1 var(--display);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); flex:0 0 auto; } .brand .a{color:var(--ink)} .brand .b{color:var(--ink-3);font-weight:500} .brand .logo{height:26px;width:auto;display:block} .brand .dotai{font:700 17px/1 var(--display);letter-spacing:-.01em;color:var(--gold)} .themebtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--line-2);background:var(--panel); color:var(--ink-2);cursor:pointer;display:grid;place-items:center;font-size:14px;line-height:1; transition:background .15s ease,color .15s ease,border-color .15s ease} .themebtn:hover{background:var(--panel-2);color:var(--ink);border-color:var(--accent-line)} /* timezone picker — native