: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); }