/* ========================================= Theme - Deep Forest Green Tuned for WCAG AA/AAA contrast Covers: Auctions.aspx + Dashboard.aspx ========================================= */ :root { /* Neutrals */ --bg-page: #EEF0F3; /* cooler grey - more depth than flat white */ --bg-card: #FFFFFF; --bg-muted: #F9FAFB; --border: #E5E7EB; --border-strong: #CDD1D8; --text: #111827; --text-muted: #4B5563; --text-subtle: #6B7280; /* Forest greens */ --forest-900: #0B2F1E; /* sidebar base */ --forest-800: #134E38; /* sidebar hover */ --forest-700: #166534; /* active states */ /* Accent */ --accent: #10B981; --accent-strong: #059669; /* Semantic */ --warn-bg: #FFFBEB; --warn-border: #F59E0B; --warn-text: #92400E; /* Component tokens */ --sidebar-w: 258px; --sidebar-link: rgba(255,255,255,0.70); --sidebar-link-hover: #FFFFFF; --row-stripe: #F5F7F9; /* subtle, not jarring */ --row-hover: #F0FDF4; --focus-ring: rgba(16,185,129,0.22); /* Shadows */ --shadow-xs: 0 1px 2px rgba(0,0,0,0.07); --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 3px 8px rgba(0,0,0,0.05); --shadow-fab: 0 4px 12px rgba(16,185,129,0.32); --shadow-fab-hover: 0 6px 18px rgba(16,185,129,0.42); /* Radii */ --radius-sm: .25rem; --radius: .375rem; --radius-lg: .5rem; } /* ───────────────────────────────────────── Reset ───────────────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Roboto', sans-serif; background-color: var(--bg-page); color: var(--text); line-height: 1.55; font-size: 14px; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; min-height: 100vh; } /* ── Sticky-footer flex chain ────────────────────────────────────── The ASP.NET

sits between and .layout, AND it also contains the