/* 00-tokens.css — TANIA design tokens + theme palettes. Edit here when adding a new theme or tweaking a color/spacing/font primitive. Every other split file references these vars. LOAD ORDER: first. Was: app.css lines 1–105. */ /* Static mockup CSS — served from public/css/. Tailwind directives stripped because public/ is served raw (no Vite build). The full Vite-compiled version still lives at resources/css/app.css. */ /* ========================================================================= TANIA design system — ported from 1_Product_Files/mockups/employee_report_color_schemes.html ========================================================================= */ /* ---------- Default tokens (overridden per scheme) ---------- */ :root{ --bg: #1a1a1ac7; --surface: #222222e6; --surface-2: #2a2a2a; --border: #333; --text: #ececec; --text-muted: #a0a0a0; --accent: #d97757; --accent-text: #ffffff; --link: #d97757; --success: #2ea043; --warning: #d29922; --danger: #e5534b; --tania-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --tania-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace; --radius: 10px; --shadow: 0 1px 2px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.15); } /* Scheme 1: Claude Noir */ [data-scheme="1"]{ --bg:#1a1a1a; --surface:#1f1f1fe6; --surface-2:#2a2a2a; --border:#3a3a3a; --text:#ececec; --text-muted:#a0a0a0; --accent:#d97757; --accent-text:#1a1a1a; --link:#d97757; --success:#7ec27a; --warning:#e0b96b; --danger:#e08585; } /* Scheme 3: Midnight Terminal */ [data-scheme="3"]{ --bg:#000000db; --surface:#0a0a0ae6; --surface-2:#111111; --border:#1f1f1f; --text:#e6ffe6; --text-muted:#7da37d; --accent:#00ff9c; --accent-text:#000000; --link:#00ff9c; --success:#00ff9c; --warning:#d4ff00; --danger:#ff4d6d; --tania-font-sans: ui-monospace, SFMono-Regular, Menlo, monospace; } /* Scheme 5: Deep Space */ [data-scheme="5"]{ --bg:#0a0e27; --surface:#141a3ae6; --surface-2:#1c2348; --border:#2a3160; --text:#e8e9f3; --text-muted:#9ba0c4; --accent:#8b5cf6; --accent-text:#ffffff; --link:#a78bfa; --success:#86efac; --warning:#fcd34d; --danger:#fda4af; } /* Scheme 17: GitHub Dark */ [data-scheme="17"]{ --bg:#0d1117; --surface:#161b22e6; --surface-2:#1c232c; --border:#30363d; --text:#e6edf3; --text-muted:#8b949e; --accent:#238636; --accent-text:#ffffff; --link:#58a6ff; --success:#3fb950; --warning:#d29922; --danger:#f85149; } /* Scheme 7: Colorful Pixels (Microsoft Build inspired) */ [data-scheme="9"]{ --bg:#000000; --surface:#0a0a0aee; --surface-2:#161616; --border:#5a5a5a; --accent:#ffd60a; --accent-text:#000000; --link:#4fb3ff; --text:#ffffff; --text-muted:#d4d4d4; } [data-scheme="7"]{ --bg:#000000; --surface:#191501e6; --surface-2:#2b2b2b; --border:#3a3a3a; --text:#ffffff; --text-muted:#c0c0c0; --accent:#ffb900; --accent-text:#000000; --link:#4fb3ff; --success:#107c10; --warning:#ffb900; --danger:#e81123; --tania-font-sans: ui-monospace, SFMono-Regular, Menlo, monospace; --tania-font-display: ui-monospace, SFMono-Regular, Menlo, monospace; } /* Scheme 7 pixel hardening: keep glyph edges crisp instead of anti-aliased, nudge body size up so Mini Pixel-7's 15-pt native grid has room to breathe, and push display font to all heading levels + brand wordmark. Note: .tania lives on , data-scheme lives on — so selectors need to be [data-scheme="7"] DESCENDANT, not [data-scheme="7"] .tania DESCENDANT. */ [data-scheme="7"]{ font-size: 17px; /* root nudge so 15-pt Mini Pixel-7 reads well */ } [data-scheme="7"] body, [data-scheme="7"] .tania-bar, [data-scheme="7"] .tania-nav, [data-scheme="7"] .qcard, [data-scheme="7"] button, [data-scheme="7"] input, [data-scheme="7"] select, [data-scheme="7"] textarea{ -webkit-font-smoothing: none; -moz-osx-font-smoothing: grayscale; font-smooth: never; font-weight: 400; letter-spacing: .02em; } [data-scheme="7"] h1, [data-scheme="7"] h2, [data-scheme="7"] .hero-title, [data-scheme="7"] .qtitle, [data-scheme="7"] .dash-panel-title{ background: -webkit-linear-gradient(#f7a9a9, #7f730a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.1; }