/* Named theme presets. Each overrides the same custom properties defined in admin.css's :root, so every component that already uses var(--brand), var(--surface), etc. re-colors automatically — no per-component styling here. The active theme is set as a data-theme attribute on , rendered server-side from RestaurantSettings.theme. */ :root[data-theme="emerald"] { --ink: #17201b; --muted: #718078; --line: #e6ebe7; --canvas: #f4f7f6; --surface: #ffffff; --surface-2: #eef3ef; --brand: #245c45; --brand-2: #34785b; --accent: #e8844d; --accent-soft: #fff0e7; --sidebar-bg: #173c2e; --sidebar-fg: #edf7f1; --sidebar-fg-dim: #a9c6b7; --sidebar-fg-muted: #83aa96; --sidebar-item-fg: #cfe1d8; --topbar-bg: rgba(255, 255, 255, .9); } :root[data-theme="ocean"] { --ink: #16232b; --muted: #66808f; --line: #e2eaf0; --canvas: #f3f7fa; --surface: #ffffff; --surface-2: #ebf2f7; --brand: #1d5f8a; --brand-2: #2c7fb0; --accent: #f2a341; --accent-soft: #fff3e0; --sidebar-bg: #0f2d42; --sidebar-fg: #eaf4fb; --sidebar-fg-dim: #a9c8d9; --sidebar-fg-muted: #7fa3ba; --sidebar-item-fg: #cfe3ee; --topbar-bg: rgba(255, 255, 255, .9); } :root[data-theme="sunset"] { --ink: #241712; --muted: #8a6e60; --line: #efe1d8; --canvas: #faf5f1; --surface: #ffffff; --surface-2: #f7ece4; --brand: #b5502c; --brand-2: #d16a3f; --accent: #2f7d6b; --accent-soft: #e6f5f1; --sidebar-bg: #3a2117; --sidebar-fg: #fbeee6; --sidebar-fg-dim: #e0b7a2; --sidebar-fg-muted: #c99377; --sidebar-item-fg: #f0d3c3; --topbar-bg: rgba(255, 255, 255, .9); } :root[data-theme="plum"] { --ink: #201526; --muted: #7c6b85; --line: #e9e1ec; --canvas: #f7f4f9; --surface: #ffffff; --surface-2: #f0e9f3; --brand: #6b3a75; --brand-2: #8a4f96; --accent: #d68b3f; --accent-soft: #fbeedb; --sidebar-bg: #2c1a35; --sidebar-fg: #f3e9f7; --sidebar-fg-dim: #cbaed6; --sidebar-fg-muted: #a586b3; --sidebar-item-fg: #dfc9e6; --topbar-bg: rgba(255, 255, 255, .9); } :root[data-theme="slate"] { --ink: #1c2226; --muted: #6c7880; --line: #e4e8ea; --canvas: #f5f6f7; --surface: #ffffff; --surface-2: #eceff0; --brand: #3a4750; --brand-2: #526270; --accent: #c47b19; --accent-soft: #fbeed9; --sidebar-bg: #1e252b; --sidebar-fg: #eef1f3; --sidebar-fg-dim: #b7c1c8; --sidebar-fg-muted: #8fa0a9; --sidebar-item-fg: #d3dade; --topbar-bg: rgba(255, 255, 255, .9); } :root[data-theme="midnight"] { --ink: #eef3ef; --muted: #93a89c; --line: #26332c; --canvas: #0f1713; --surface: #16211b; --surface-2: #1c2921; --brand: #3fae7b; --brand-2: #57c794; --accent: #e8844d; --accent-soft: #3a2c22; --success: #3fae7b; --warning: #e0a940; --danger: #e2726c; --info: #5fa3d6; --shadow: 0 14px 38px rgba(0, 0, 0, 0.35); --sidebar-bg: #0b1a13; --sidebar-fg: #e7f3ec; --sidebar-fg-dim: #9fc2ac; --sidebar-fg-muted: #6f8f7c; --sidebar-item-fg: #cfe1d8; --topbar-bg: rgba(22, 33, 27, .9); }