/* WrytaEngine — Theme Templates * Color-scheme presets. The base (dark) tokens live in layout.css :root; * templates override them via the data-theme attribute on . * Add future templates here (e.g. html[data-theme="sepia"] { ... }). */ /* --- Dark (default writer's console) --- */ html[data-theme="dark"] { --bg-primary: #0f0f1a; --bg-secondary: #16162a; --bg-tertiary: #1e1e38; --bg-hover: #28284a; --bg-active: #32325c; --border-color: #2a2a4a; --border-light: #3a3a5a; --text-primary: #e8e8f0; --text-secondary: #a0a0c0; --text-muted: #6a6a8a; --accent-primary: #5b9bd5; --accent-hover: #7ab5e8; --accent-dim: #3a6a9a; --success: #4caf84; --warning: #d4a843; --danger: #d44a5a; } /* --- Light (bright, paper-friendly) --- */ html[data-theme="light"] { --bg-primary: #f4f5fa; --bg-secondary: #ffffff; --bg-tertiary: #eceef6; --bg-hover: #e3e7f0; --bg-active: #d6dceb; --border-color: #d9dde8; --border-light: #c6ccdd; --text-primary: #1b1b26; --text-secondary: #45465a; --text-muted: #7c7e96; --accent-primary: #2f6fb2; --accent-hover: #3c82c7; --accent-dim: #6a9fd4; --success: #2f8f5f; --warning: #b8860b; --danger: #c23b4a; /* Soften shadows for the bright scheme */ --shadow-sm: 0 1px 3px rgba(0,0,0,0.08); --shadow-md: 0 4px 12px rgba(0,0,0,0.12); --shadow-lg: 0 8px 24px rgba(0,0,0,0.16); }