/* variables.scss (drop-in) */ /* palette.scss - Full Spectrum Master Map */ /* -------------------------------------------- Helpers -------------------------------------------- */ /* -------------------------------------------- Breakpoints -------------------------------------------- */ /* -------------------------------------------- Spacing -------------------------------------------- */ /* -------------------------------------------- Elevation -------------------------------------------- */ /* -------------------------------------------- Radius -------------------------------------------- */ /* -------------------------------------------- Typography -------------------------------------------- */ /* -------------------------------------------- Theme tokens -------------------------------------------- */ :root { /* Brand */ --primary: #0f766e; --primary-light: #ccfbf1; --primary-dark: #042f2e; --accent: #f97316; /* RGB channels for focus rings etc */ --primary-rgb: 15 118 110; /* Status */ --success: #16a34a; --info: #0d6efd; --warning: #eab308; --danger: #dc2626; /* Surfaces */ --bg-app: #fbfcfd; --bg-surface: #f8f9fa; --bg-card: #ffffff; --border-color: #e9ecef; /* Text */ --text-main: #212529; --text-muted: #495057; --text-light: #adb5bd; --text-inverse: #ffffff; --table-header-bg: var(--bg-surface); --table-striped-bg: #fbfcfd; --table-hover-bg: rgba(var(--primary-rgb), 0.06); } [data-theme=dark] { --primary: #5eead4; --primary-light: #115e59; --primary-rgb: 94 234 212; --bg-app: #121416; --bg-surface: #212529; --bg-card: #343a40; --border-color: #495057; --text-main: #f8f9fa; --text-muted: #ced4da; --text-light: #6c757d; --table-header-bg: var(--bg-surface); --table-striped-bg: rgba(255,255,255,0.03); --table-hover-bg: rgba(var(--primary-rgb), 0.10); } /* -------------------------------------------- SASS aliases to CSS vars -------------------------------------------- */ /* -------------------------------------------- Z-index -------------------------------------------- */ /* -------------------------------------------- Grid & layout maps -------------------------------------------- */ /* -------------------------------------------- Components baseline tokens -------------------------------------------- */ /* sizing maps */ /* motion */ /* focus ring */ /* sidebar *//*# sourceMappingURL=variables.css.map */