/* ============================================================ FINOVA REVAMP — dashboard redesign (desktop-first, mobile app style) Extracted from finova-dashboard.html mockup. Scoped under .finova-revamp so it never touches other pages. ============================================================ */ .finova-revamp { --bg0: #010409; --bg1: #040a1a; --screen0: #050a18; --screen1: #030710; --card: linear-gradient(180deg, rgba(23, 37, 74, 0.62), rgba(12, 21, 45, 0.72)); --tile: rgba(22, 36, 72, 0.55); --tile2: rgba(30, 45, 88, 0.45); --stroke: rgba(122, 152, 255, 0.1); --stroke2: rgba(122, 152, 255, 0.16); --text: #eef3ff; --muted: #8fa2c9; --muted2: #5f7099; --blue: #3b82f6; --blue2: #2563eb; --cyan: #38bdf8; --purple: #8b5cf6; --purple2: #6d28d9; --green: #22c55e; --green2: #16a34a; --gold: #f5b23c; --red: #ef4444; /* Semantic surface / ink tokens — recurring hardcoded values pulled out so the light theme (html[data-theme="light"], see finova-revamp-light.css) can remap them in one place. Dark values here are identical to what they replaced. */ --surface-input: rgba(22, 36, 72, 0.55); --surface-input-strong: rgba(22, 36, 72, 0.6); --surface-menu: #0e1a3a; --surface-hover: rgba(34, 52, 96, 0.8); --track: rgba(15, 26, 56, 0.9); --ink-soft: #cdd9f6; --r-lg: 18px; --r-md: 14px; --r-sm: 10px; /* Type scale — every font-size in this file resolves to one of these steps so text sizes stay consistent across the dashboard, auth, and activity pages. 14px (--fs-md) is the floor — nothing renders smaller than that. */ --fs-md: 14px; --fs-lg: 15px; --fs-xl: 16px; --fs-2xl: 18px; --fs-3xl: 20px; --fs-display: 26px; color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, "PingFang SC", "Noto Sans", sans-serif; background: var(--bg0); color: var(--text); min-height: 100vh; -webkit-font-smoothing: antialiased; /* Sticky footer — body (this class) is a flex column at least one viewport tall; .container-fluid (header + page content, see revamp/layout/header.php and footer.php) grows to fill the remaining space so