/* vendored by value from os-internal-ui @60f6e2f — themes/mission-control/plain.css A theme bump is a deliberate, reviewed deploy: re-copy this file, never fetch at runtime. Semantic --os- tokens only; never raw hex in the page. */ /* ═══════════════════════════════════════════════════════════════════════ mission-control — plain-CSS drop-in (non-Tailwind apps) Activate: Canonical tokens carry an --os- prefix (collision-safe); the bridge section maps app-local vocabularies (OptiReach) onto them. Source of truth: tokens.json — edit there first, mirror here. ═══════════════════════════════════════════════════════════════════════ */ [data-theme='mission-control'] { /* ── canonical tokens ── */ --os-background: #0b0d0c; --os-foreground: #d8e0da; --os-card: #101412; --os-card-foreground: #d8e0da; --os-popover: #151a17; --os-popover-foreground: #d8e0da; --os-muted: #151a17; --os-muted-foreground: #869488; --os-faint: #5a665e; --os-accent: #1a211d; --os-accent-foreground: #d8e0da; --os-primary: #46d68c; --os-primary-foreground: #05130b; --os-secondary: #12291c; --os-secondary-foreground: #6fe2a8; --os-border: #1f2823; --os-border-strong: #313d36; --os-input: #313d36; --os-ring: #46d68c; --os-success: #46d68c; --os-success-foreground: #05130b; --os-success-soft: #0e2a1b; --os-warning: #e7b94f; --os-warning-foreground: #201603; --os-warning-soft: #2b2109; --os-destructive: #f26d6d; --os-destructive-foreground: #1f0505; --os-destructive-soft: #301312; --os-info: #52c6e8; --os-info-foreground: #04181f; --os-info-soft: #0d2731; --os-sidebar-active: #1b2520; --os-panel-hover: #171d1a; --os-row-hover: rgba(255, 255, 255, 0.035); --os-tooltip: #26302a; --os-tooltip-foreground: #e6ede8; --os-dialog-overlay: #040605; --os-radius-sm: 0.125rem; --os-radius-md: 0.25rem; --os-radius-lg: 0.375rem; --os-font-sans: 'IBM Plex Sans', -apple-system, 'Segoe UI', sans-serif; --os-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --os-font-display: var(--os-font-mono); --os-shadow-elev: 0 2px 10px rgba(0, 0, 0, 0.5); --os-chart-1: #199e70; --os-chart-2: #3987e5; --os-chart-3: #c98500; --os-chart-4: #9085e9; --os-chart-5: #d55181; color-scheme: dark; /* ── OptiReach bridge ── */ --paper: var(--os-background); --panel: var(--os-card); --ink: var(--os-foreground); --dim: var(--os-muted-foreground); --faint: var(--os-faint); --line: var(--os-border); --line-strong: var(--os-border-strong); --accent: var(--os-primary); --accent-soft: var(--os-secondary); --on-accent: var(--os-primary-foreground); --ok: var(--os-success); --ok-soft: var(--os-success-soft); --bad: var(--os-destructive); --bad-soft: var(--os-destructive-soft); --hold: var(--os-warning); --hold-soft: var(--os-warning-soft); --sans: var(--os-font-sans); --mono: var(--os-font-mono); --display: var(--os-font-display); --radius-sm: var(--os-radius-sm); --radius-md: var(--os-radius-md); --radius-lg: var(--os-radius-lg); --code-bg: #060807; --code-ink: #9fe8c3; --rec-sel: #0d7a45; --scrim: rgba(2, 4, 3, 0.65); --shadow-elev: var(--os-shadow-elev); } /* ── light companion ("daylight ops") — activate with data-mode="light" ── Only color tokens change; fonts/radius inherit. Bridge vars that reference var(--os-*) follow automatically; literals are re-declared below. */ [data-theme='mission-control'][data-mode='light'] { --os-background: #f2f5f2; --os-foreground: #1d2721; --os-card: #fafcfa; --os-card-foreground: #1d2721; --os-popover: #ffffff; --os-popover-foreground: #1d2721; --os-muted: #e8eee9; --os-muted-foreground: #5c6b62; --os-faint: #8d9b92; --os-accent: #e2eae4; --os-accent-foreground: #1d2721; --os-primary: #0e8a4f; --os-primary-foreground: #ffffff; --os-secondary: #ddf2e5; --os-secondary-foreground: #0b6e40; --os-border: #d4ddd6; --os-border-strong: #aebbb2; --os-input: #aebbb2; --os-ring: #0e8a4f; --os-success: #0e8a4f; --os-success-foreground: #ffffff; --os-success-soft: #ddf0e4; --os-warning: #8f6410; --os-warning-foreground: #ffffff; --os-warning-soft: #f4ead0; --os-destructive: #c23434; --os-destructive-foreground: #ffffff; --os-destructive-soft: #f8e2e2; --os-info: #176e93; --os-info-foreground: #ffffff; --os-info-soft: #ddedf5; --os-sidebar-active: #dbe6de; --os-panel-hover: #e4ece6; --os-row-hover: rgba(29, 39, 33, 0.04); --os-tooltip: #2a352f; --os-tooltip-foreground: #eef4f0; --os-dialog-overlay: #101713; --os-shadow-elev: 0 2px 10px rgba(16, 23, 19, 0.12); --os-chart-1: #0e8a4f; --os-chart-2: #2a78d6; --os-chart-3: #c98500; --os-chart-4: #7a3ab8; --os-chart-5: #c2416b; color-scheme: light; --code-bg: #0f1f17; --code-ink: #8fe0b8; --rec-sel: #7de0ac; --scrim: rgba(16, 23, 19, 0.4); --shadow-elev: var(--os-shadow-elev); }