:root { /* Polar Night */ --nord0: #2E3440; /* Darkest - base background (dark mode) */ --nord1: #3B4252; /* Dark - elevated surfaces (cards, panels) */ --nord2: #434C5E; /* Medium - selections, highlights */ --nord3: #4C566A; /* Light - borders, disabled states */ /* Snow Storm */ --nord4: #D8DEE9; /* Dark - elevated (light mode) */ --nord5: #E5E9F0; /* Medium - selections (light mode) */ --nord6: #ECEFF4; /* Lightest - base background (light mode) */ /* Frost (Blues) */ --nord7: #8FBCBB; /* Calm accent */ --nord8: #88C0D0; /* PRIMARY brand color */ --nord9: #81A1C1; /* Secondary accent */ --nord10: #5E81AC; /* Deep accent, links */ /* Aurora (Status colors) */ --nord11: #BF616A; /* Error, danger (red) */ --nord12: #D08770; /* Orange accent */ --nord13: #EBCB8B; /* Warning (yellow) */ --nord14: #A3BE8C; /* Success (green) */ --nord15: #B48EAD; /* Uncommon (purple) */ --primary-50: #f0f9ff; --primary-100: #e0f2fe; --primary-200: #b9e6fe; --primary-300: #7dd3fc; --primary-400: #88C0D0; /* nord8 */ --primary-500: #88C0D0; /* nord8 - main */ --primary-600: #5E81AC; /* nord10 */ --PRIMARY-700: #5E81AC; --primary-800: #434C5E; /* nord2 */ --primary-900: #2E3440; /* nord0 */ --primary-950: #1a1f2e; --success-50: #f0fdf4; --success-100: #dcfce7; --success-200: #bbf7d0; --success-300: #86efac; --success-400: #A3BE8C; /* nord14 */ --success-500: #A3BE8C; /* nord14 - main */ --success-600: #8a9f75; --success-700: #71805e; --success-800: #586047; --success-900: #3f4030; --warning-50: #fefce8; --warning-100: #fef9c3; --warning-200: #fef08a; --warning-300: #fde047; --warning-400: #EBCB8B; /* nord13 */ --warning-500: #EBCB8B; /* nord13 - main */ --warning-600: #c8ac76; --warning-700: #a58d61; --warning-800: #826e4c; --warning-900: #5f4f37; --error-50: #fef2f2; --error-100: #fee2e2; --error-200: #fecaca; --error-300: #fca5a5; --error-400: #BF616A; /* nord11 */ --error-500: #BF616A; /* nord11 - main */ --error-600: #a2525a; --error-700: #85434a; --error-800: #68343a; --error-900: #4b252a; --category-issue: #BF616A; /* nord11 (red) */ --category-feature: #81A1C1; /* nord9 (blue) */ --category-assistance: #B48EAD; /* nord15 (purple) */ --category-other: #4C566A; /* nord3 (gray) */ --text: var(--nord0); --background: var(--nord6); --primary: var(--nord8); --secondary: var(--nord9); --accent: var(--nord7); } .dark { --text: var(--nord6); --background: var(--nord0); --background-elevated: var(--nord1); --background-hover: var(--nord2); }