feat(css): set up theme

app/assets/css/colors.css

@@ -0,0 +1,84 @@
+: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);
+}