/* ISpy "Theme" appearances (look/feel skins) — LIVE-VIEWS-THEME-01 (Phase-0 Stage A). Overrides the --eu-* design tokens (from tokens.css) when is set. MUST load AFTER lib/tokens.css so these win at equal specificity. - Navigator = the canonical tokens.css :root (no override here; it's the default). - Daylight = a soft/clean look (light + dark). - Newsprint = a warm editorial look; lands with the Newsreel view (Stage C), not defined yet. data-appearance is orthogonal to data-theme (light/dark = the "Mode" axis), so each appearance defines a light variant (under :root[data-appearance]) and a dark variant (…[data-theme="dark"]). */ /* ── Daylight · light ───────────────────────────────────────────────────────── */ :root[data-appearance="daylight"] { --eu-bg: #fbfbfd; --eu-panel: #f5f5f7; --eu-panel-2: #ececf0; --eu-panel-3: #e3e3e8; --eu-border: #d2d2d7; --eu-border-strong: #c7c7cc; --eu-border-dashed: #c7c7cc; --eu-border-2: #ececf0; --eu-text: #1d1d1f; --eu-muted: #6e6e73; --eu-muted-2: #86868b; --eu-accent: #0071e3; --eu-accent-2: #008009; --eu-accent-soft: rgba(0,113,227,0.08); --eu-accent-soft-2: rgba(0,113,227,0.14); --eu-accent-ring: rgba(0,113,227,0.30); --eu-good: #008009; --eu-warn: #b9791f; --eu-orange: #bf4800; --eu-bad: #c4302b; --eu-neutral: #86868b; --code-bg: #f5f5f7; --code-border: #d2d2d7; } /* ── Daylight · dark (iOS-style) ────────────────────────────────────────────── */ :root[data-appearance="daylight"][data-theme="dark"] { --eu-bg: #000000; --eu-panel: #1c1c1e; --eu-panel-2: #2c2c2e; --eu-panel-3: #3a3a3c; --eu-border: #38383a; --eu-border-strong: #48484a; --eu-border-dashed: #48484a; --eu-border-2: #2c2c2e; --eu-text: #f5f5f7; --eu-muted: #aeaeb2; --eu-muted-2: #8e8e93; --eu-accent: #0a84ff; --eu-accent-2: #30d158; --eu-accent-soft: rgba(10,132,255,0.16); --eu-accent-soft-2: rgba(10,132,255,0.24); --eu-accent-ring: rgba(10,132,255,0.40); --eu-good: #30d158; --eu-warn: #ffd60a; --eu-orange: #ff9f0a; --eu-bad: #ff453a; --eu-neutral: #8e8e93; --code-bg: #1c1c1e; --code-border: #38383a; }