/* ── Enterprise Monochrome + Warm Orange Design System ────────────── * Adapted from croiii1006/toolbox-noskill-3.24. Main app runs light; * star map (society.html) opts into the dark variant via * `` or body class. */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Urbanist:wght@400;500;600;700&family=Pixelify+Sans:wght@400;600&display=swap'); :root { /* Light · main app default */ --background: 0 0% 100%; --foreground: 0 0% 5%; --card: 0 0% 100%; --card-foreground: 0 0% 5%; --muted: 0 0% 96%; --muted-foreground: 0 0% 45%; --border: 0 0% 90%; --input: 0 0% 90%; --ring: 0 0% 20%; --accent: 15 90% 55%; /* warm orange #e85f17 */ --accent-2: 25 95% 60%; /* gradient end */ --accent-foreground: 0 0% 100%; --success: 142 76% 36%; --warning: 38 92% 50%; --destructive: 0 84% 60%; --radius-lg: 0.75rem; --radius-md: calc(0.75rem - 2px); --radius-sm: calc(0.75rem - 4px); --shadow-sm: 0 1px 2px 0 hsl(0 0% 0% / 0.03); --shadow-md: 0 4px 12px -2px hsl(0 0% 0% / 0.06); --shadow-lg: 0 10px 30px -5px hsl(0 0% 0% / 0.08); --shadow-card: 0 1px 3px 0 hsl(0 0% 0% / 0.04), 0 1px 2px -1px hsl(0 0% 0% / 0.03); --shadow-card-hover: 0 8px 25px -5px hsl(0 0% 0% / 0.08), 0 4px 10px -3px hsl(0 0% 0% / 0.04); --gradient-hero: linear-gradient(135deg, hsl(0 0% 100%) 0%, hsl(0 0% 97%) 50%, hsl(15 30% 96%) 100%); --gradient-card: linear-gradient(180deg, hsl(0 0% 100%) 0%, hsl(0 0% 98%) 100%); --gradient-accent: linear-gradient(135deg, hsl(15 90% 55%) 0%, hsl(25 95% 60%) 100%); } html.dark-scope, body.dark-scope { /* Dark · star map only (society.html) */ --background: 0 0% 4%; --foreground: 0 0% 95%; --card: 0 0% 7%; --card-foreground: 0 0% 95%; --muted: 0 0% 12%; --muted-foreground: 0 0% 55%; --border: 0 0% 15%; --input: 0 0% 15%; --ring: 0 0% 80%; --accent: 15 85% 60%; /* slightly brighter orange for dark */ --accent-2: 25 90% 65%; --gradient-hero: linear-gradient(135deg, hsl(0 0% 4%) 0%, hsl(0 0% 7%) 50%, hsl(15 10% 8%) 100%); --gradient-card: linear-gradient(180deg, hsl(0 0% 7%) 0%, hsl(0 0% 5%) 100%); } /* Legacy-name shims (pre-rebuild styles.css referenced `var(--accent)` as a * color directly). After T1 rebuild those consumers are gone — the new CSS * uses the canonical HSL-triple form `hsl(var(--accent))` everywhere. The * shim block that used to live here created a self-referential cycle * (`--accent: hsl(var(--accent))`) which invalidated the whole token. Removed. * If a future file needs the pre-resolved color, declare it locally with a * distinct name, e.g. `--c-accent: hsl(var(--accent))`. */ /* Typography baseline */ body { font-family: Inter, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif !important; color: hsl(var(--foreground)); background: hsl(var(--background)) !important; } h1, h2, h3, .panel h3 { font-family: Urbanist, Inter, system-ui, sans-serif !important; letter-spacing: -0.01em; } .pixel, .mono-pixel { font-family: "Pixelify Sans", Consolas, monospace; }