/* * AI Lumen Studio — Theme Overrides * Copyright 2006 - Marchi Ventures, LLC - All Rights Reserved. * * Overrides CSS tokens per theme mode. * Applied via [data-theme="..."] on the element. */ /* ── Dark theme ── */ [data-theme="dark"] { --brand-primary: #4d94ff; --brand-secondary: #3b7dd8; --brand-accent: #13d9f7; --color-bg-app: #0e1117; --color-bg-surface: #161b22; --color-bg-raised: #1c2330; --color-bg-sunken: #0a0d12; --color-bg-overlay: rgba(22, 27, 34, 0.97); --color-bg-hover: rgba(77, 148, 255, 0.1); --color-bg-selected: rgba(77, 148, 255, 0.15); --color-nav-bg: #161b22; --color-nav-border: #30363d; --color-nav-item-fg: #c9d1d9; --color-nav-item-hover: rgba(77, 148, 255, 0.1); --color-nav-item-active-bg: #1d3461; --color-nav-item-active-fg: #ffffff; --color-nav-section-fg: #484f58; --color-header-bg: #161b22; --color-header-border: #30363d; --color-ink-primary: #f0f6fc; --color-ink-secondary: #c9d1d9; --color-ink-muted: #8b949e; --color-ink-disabled: #484f58; --color-ink-inverse: #0e1117; --color-ink-link: #4d94ff; --color-ink-link-hover: #79b4ff; --color-success: #3fb950; --color-success-bg: #0d2b14; --color-success-border: #2ea043; --color-warning: #e3b341; --color-warning-bg: #2d1b00; --color-warning-border: #d29922; --color-danger: #f85149; --color-danger-bg: #2d0f0f; --color-danger-border: #da3633; --color-info: #58a6ff; --color-info-bg: #0d1b2d; --color-info-border: #1f6feb; --color-border: #30363d; --color-border-strong: #484f58; --color-border-focus: #13d9f7; --color-border-input: #30363d; --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.25); --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.30); --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.35); --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.40); --shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.50); } /* ── High-contrast theme ── */ [data-theme="high-contrast"] { --brand-primary: #ffffff; --brand-accent: #ffff00; --color-bg-app: #000000; --color-bg-surface: #000000; --color-bg-raised: #0a0a0a; --color-bg-sunken: #000000; --color-bg-hover: rgba(255, 255, 0, 0.15); --color-bg-selected: rgba(255, 255, 0, 0.25); --color-nav-bg: #000000; --color-nav-border: #ffffff; --color-nav-item-fg: #ffffff; --color-nav-item-hover: rgba(255, 255, 0, 0.2); --color-nav-item-active-bg: #ffffff; --color-nav-item-active-fg: #000000; --color-nav-section-fg: #aaaaaa; --color-header-bg: #000000; --color-header-border: #ffffff; --color-ink-primary: #ffffff; --color-ink-secondary: #eeeeee; --color-ink-muted: #aaaaaa; --color-ink-disabled: #555555; --color-ink-link: #ffff00; --color-ink-link-hover: #ffff88; --color-success: #00ff88; --color-success-bg: #002200; --color-success-border: #00ff88; --color-warning: #ffcc00; --color-warning-bg: #222200; --color-warning-border: #ffcc00; --color-danger: #ff4444; --color-danger-bg: #220000; --color-danger-border: #ff4444; --color-info: #00aaff; --color-info-bg: #001122; --color-info-border: #00aaff; --color-border: #ffffff; --color-border-strong: #ffffff; --color-border-focus: #ffff00; --color-border-input: #ffffff; --shadow-xs: none; --shadow-sm: none; --shadow-md: none; --shadow-lg: none; --shadow-xl: none; --shadow-focus: 0 0 0 3px #ffff00; } /* ── Custom theme (tenant/user override baseline) ── */ [data-theme="custom"] { --brand-primary: #5b21b6; --brand-secondary: #7c3aed; --brand-accent: #a78bfa; --color-bg-app: #faf5ff; --color-bg-surface: #ffffff; --color-bg-raised: #f5f0fe; --color-bg-hover: rgba(91, 33, 182, 0.07); --color-bg-selected: rgba(91, 33, 182, 0.12); --color-nav-bg: #ffffff; --color-nav-border: #ede9fe; --color-nav-item-fg: #3b0764; --color-nav-item-hover: rgba(91, 33, 182, 0.08); --color-nav-item-active-bg: #5b21b6; --color-nav-item-active-fg: #ffffff; --color-nav-section-fg: #a78bfa; --color-header-bg: #ffffff; --color-header-border: #ede9fe; --color-ink-primary: #1e1b4b; --color-ink-secondary: #3b0764; --color-ink-muted: #7c3aed; --color-ink-link: #5b21b6; --color-ink-link-hover: #4c1d95; --color-border: #ede9fe; --color-border-focus: #a78bfa; --color-border-input: #ddd6fe; } /* ── Reduced motion ── */ @media (prefers-reduced-motion: reduce) { :root { --dur-fast: 0ms; --dur-normal: 0ms; --dur-slow: 0ms; } }