/* ================================================================ theme-neuralpha.css — load AFTER css/app.css. The editor is fully CSS-variable driven, so matching the NeurAlpha platform theme is just a re-definition of the palette variables + amber accent, with light/dark switched via [data-theme] on . Default = light (the platform's default). js/theme.js sets the attribute from the shared `na_theme` cookie. NOTE: light values mirror the NeurAlpha tokens (--bg #f5f5f5, --card #fff, text #1a1a2e, amber #D97706). Reconcile exact tokens with the live platform during integration if they differ. ================================================================ */ :root, html[data-theme="light"] { --bg-app: #f5f5f5; --bg-bar: #ffffff; --bg-panel: #ffffff; --bg-card: #ffffff; --bg-hover: #ececec; --bg-active: rgba(217,119,6,0.10); --accent: #F59E0B; /* NeurAlpha amber — unified light + dark */ --accent-2: #D97706; --accent-light: #FBBF24; --accent-glow: rgba(245,158,11,0.25); --accent-text: #b45309; /* Fonts (apply to both modes via :root inheritance) */ --font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; --font-head: 'Outfit', 'DM Sans', -apple-system, sans-serif; /* PDF canvas surface — light mode */ --pdf-surface: #e9e9ee; --pdf-grid: #dadae1; --pdf-glow: rgba(245,158,11,0.05); --text-primary: #1a1a2e; --text-secondary: #555a66; --text-muted: #9aa0aa; --border: #e3e3e6; --border-subtle: #eeeef1; --shadow-sm: 0 1px 3px rgba(0,0,0,.08); --shadow-md: 0 4px 14px rgba(0,0,0,.10); --shadow-lg: 0 8px 28px rgba(0,0,0,.14); --shadow-xl: 0 16px 50px rgba(0,0,0,.18); } html[data-theme="dark"] { --bg-app: #0d1117; --bg-bar: #161b22; --bg-panel: #1c2333; --bg-card: #21262d; --bg-hover: #30363d; --bg-active: rgba(245,158,11,.12); --accent: #f59e0b; /* amber stays the brand in dark too */ --accent-2: #d97706; --accent-light: #fbbf24; --accent-glow: rgba(245,158,11,.28); --accent-text: #fbbf24; --text-primary: #e6edf3; --text-secondary: #8b949e; --text-muted: #484f58; --border: #30363d; --border-subtle: #21262d; /* PDF canvas surface — dark mode */ --pdf-surface: #2d2d35; --pdf-grid: #333341; --pdf-glow: rgba(245,158,11,0.04); --shadow-sm: 0 1px 4px rgba(0,0,0,.4); --shadow-md: 0 4px 16px rgba(0,0,0,.5); --shadow-lg: 0 8px 32px rgba(0,0,0,.6); --shadow-xl: 0 16px 64px rgba(0,0,0,.7); } /* Theme toggle — mounted by theme.js INSIDE the editor header button row (.header-actions), so it participates in flex layout (no fixed/overlap). */ #na-theme-toggle { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-card); color: var(--text-primary); font: 600 12px var(--font); cursor: pointer; flex-shrink: 0; } #na-theme-toggle:hover { background: var(--bg-hover); border-color: var(--accent); } /* [pdf-fix] Format buttons (B/I/U + alignment) — previously unstyled native buttons (dark-mode tofu, clipped glyphs, no active state). */ .prop-fmt-btn{ display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:30px; padding:4px 10px; background:var(--bg-card); color:var(--text-primary); border:1px solid var(--border); border-radius:var(--radius-sm); font:600 13px var(--font); line-height:1; cursor:pointer; transition:background .15s, border-color .15s, color .15s; } .prop-fmt-btn svg{ width:15px; height:15px; display:block; stroke:currentColor; stroke-width:2; fill:none; } .prop-fmt-btn:hover{ background:var(--bg-hover); border-color:var(--accent); } .prop-fmt-btn.active{ background:var(--accent); border-color:var(--accent); color:#1a1a2e; } /* [pdf-fix] Properties-panel labels use a
(NOT a