diff --git a/devplacepy/avatar.py b/devplacepy/avatar.py
index ba0471fe..aa931fda 100644
--- a/devplacepy/avatar.py
+++ b/devplacepy/avatar.py
@@ -28,6 +28,6 @@ def generate_avatar_svg(seed: str) -> str:
     initial = seed[:1].upper() if seed else "?"
     return (
         '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">'
-        f'<rect width="100" height="100" rx="50" fill="#22c55e"/>'
-        f'<text x="50" y="65" text-anchor="middle" fill="#052e16" font-size="40" font-weight="700" font-family="sans-serif">{initial}</text></svg>'
+        f'<rect width="100" height="100" rx="50" fill="#b73f1e"/>'
+        f'<text x="50" y="65" text-anchor="middle" fill="white" font-size="40" font-weight="700" font-family="sans-serif">{initial}</text></svg>'
     )
diff --git a/devplacepy/static/apple-touch-icon.png b/devplacepy/static/apple-touch-icon.png
index 8d4cc517..1ebb9c79 100644
Binary files a/devplacepy/static/apple-touch-icon.png and b/devplacepy/static/apple-touch-icon.png differ
diff --git a/devplacepy/static/css/base.css b/devplacepy/static/css/base.css
index acf2c1d4..390d5f9e 100644
--- a/devplacepy/static/css/base.css
+++ b/devplacepy/static/css/base.css
@@ -446,7 +446,7 @@ img {
 .btn-primary {
     background: var(--accent-gradient);
     color: var(--on-accent);
-    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.35);
+    box-shadow: 0 2px 12px rgba(var(--accent-rgb), 0.3);
 }
 
 .btn-primary:hover {
diff --git a/devplacepy/static/css/variables.css b/devplacepy/static/css/variables.css
index 81530ce7..49e08fb6 100644
--- a/devplacepy/static/css/variables.css
+++ b/devplacepy/static/css/variables.css
@@ -1,42 +1,42 @@
 /* retoor <retoor@molodetz.nl> */
 
 :root {
-    --bg-primary: #0a0a0f;
-    --bg-secondary: #111118;
-    --bg-card: #111118;
-    --bg-card-hover: #1a1a24;
-    --bg-input: #0a0a0f;
-    --bg-modal: #111118;
+    --bg-primary: #271b5b;
+    --bg-secondary: #1a1736;
+    --bg-card: #13112a;
+    --bg-card-hover: #1a1736;
+    --bg-input: #1a1736;
+    --bg-modal: #13112a;
 
-    --accent: #22c55e;
-    --accent-rgb: 34, 197, 94;
-    --accent-hover: #16a34a;
-    --accent-light: rgba(34, 197, 94, 0.12);
-    --accent-2: #4ade80;
-    --accent-gradient: linear-gradient(135deg, #22c55e, #16a34a);
-    --on-accent: #052e16;
+    --accent: #b73f1e;
+    --accent-rgb: 183, 63, 30;
+    --accent-hover: #af3050;
+    --accent-light: rgba(183, 63, 30, 0.14);
+    --accent-2: #af3050;
+    --accent-gradient: linear-gradient(135deg, #b73f1e, #af3050, #8f3b71);
+    --on-accent: #fff;
 
-    --text-primary: #c8c8d0;
-    --text-secondary: #8b8b9e;
-    --text-muted: #6b6b80;
+    --text-primary: #e9e4ff;
+    --text-secondary: #c8c3e5;
+    --text-muted: #9b93c9;
 
-    --border: #222233;
-    --border-light: #2e2e40;
+    --border: #11101f;
+    --border-light: #2f2a55;
 
-    --success: #22c55e;
-    --warning: #eab308;
-    --danger: #ef4444;
+    --success: #34d399;
+    --warning: #fbbf24;
+    --danger: #f87171;
     --info: #60a5fa;
 
-    --radius: 4px;
-    --radius-input: 4px;
-    --radius-lg: 6px;
-    --radius-xl: 8px;
+    --radius: 8px;
+    --radius-input: 8px;
+    --radius-lg: 12px;
+    --radius-xl: 16px;
 
-    --shadow-sm: 0 0 0 1px rgba(34, 34, 51, 0.8);
-    --shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
-    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
-    --glow-accent: 0 0 0 1px rgba(var(--accent-rgb), 0.35);
+    --shadow-sm: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
+    --shadow: 0 4px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    --shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, 0.15), 0 2px 10px -2px rgba(0, 0, 0, 0.05);
+    --glow-accent: 0 6px 24px rgba(183, 63, 30, 0.45);
 
     --white: #fff;
     --overlay-dark: rgba(0, 0, 0, 0.7);
@@ -49,8 +49,8 @@
     --space-xl: 1.5rem;
     --space-2xl: 2rem;
 
-    --font-sans: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
-    --font-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", monospace;
+    --font-sans: "Trebuchet MS", "Segoe UI", Tahoma, Verdana, sans-serif;
+    --font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;
 
     --nav-height: 56px;
     --sidebar-width: 240px;
@@ -77,5 +77,5 @@
     --topic-fun: #ffab00;
     --topic-politics: #00bcd4;
 
-    --bg-gradient: linear-gradient(135deg, #0a0a0f 0%, #111118 50%, #0a0a0f 100%);
+    --bg-gradient: linear-gradient(135deg, #271b5b 0%, #1d1545 50%, #271b5b 100%);
 }
diff --git a/devplacepy/static/icon-192.png b/devplacepy/static/icon-192.png
index 1be46753..6d86ddf0 100644
Binary files a/devplacepy/static/icon-192.png and b/devplacepy/static/icon-192.png differ
diff --git a/devplacepy/static/icon-512.png b/devplacepy/static/icon-512.png
index 92a6604c..bc1ef2ad 100644
Binary files a/devplacepy/static/icon-512.png and b/devplacepy/static/icon-512.png differ
diff --git a/devplacepy/static/icon-maskable-512.png b/devplacepy/static/icon-maskable-512.png
index 92a6604c..bc1ef2ad 100644
Binary files a/devplacepy/static/icon-maskable-512.png and b/devplacepy/static/icon-maskable-512.png differ
diff --git a/devplacepy/static/js/StatisticsCharts.js b/devplacepy/static/js/StatisticsCharts.js
index dedf006a..eeb7eb02 100644
--- a/devplacepy/static/js/StatisticsCharts.js
+++ b/devplacepy/static/js/StatisticsCharts.js
@@ -1,14 +1,14 @@
 // retoor <retoor@molodetz.nl>
 
 const CHART_COLORS = [
-    "#22c55e",
-    "#7c4dff",
-    "#00bfa5",
-    "#448aff",
+    "#b73f1e",
+    "#8f3b71",
+    "#34d399",
+    "#3a4b70",
     "#ffab00",
-    "#ff5252",
-    "#42a5f5",
-    "#4ade80",
+    "#f87171",
+    "#61477c",
+    "#af3050",
 ];
 
 export class StatisticsCharts {
diff --git a/devplacepy/static/js/components/AppChat.js b/devplacepy/static/js/components/AppChat.js
index 16d3bcf7..0967cdd1 100644
--- a/devplacepy/static/js/components/AppChat.js
+++ b/devplacepy/static/js/components/AppChat.js
@@ -24,15 +24,15 @@ const SEARCH_DEBOUNCE_MS = 200;
 const AUTO_GROW_MAX_HEIGHT_PX = 160;
 
 const LIGHT_THEME_OVERRIDES = {
-    "--bg-primary": "#f1f5f9",
+    "--bg-primary": "#f5f3fa",
     "--bg-secondary": "#ffffff",
     "--bg-card": "#ffffff",
-    "--bg-card-hover": "#e2e8f0",
-    "--text-primary": "#0f172a",
-    "--text-secondary": "#475569",
-    "--text-muted": "#64748b",
-    "--border": "#cbd5e1",
-    "--border-light": "#e2e8f0",
+    "--bg-card-hover": "#f0edf7",
+    "--text-primary": "#1a1030",
+    "--text-secondary": "#4a3f5c",
+    "--text-muted": "#8b7fa0",
+    "--border": "rgba(0, 0, 0, 0.1)",
+    "--border-light": "rgba(0, 0, 0, 0.16)",
 };
 
 export class AppChat extends Component {
diff --git a/devplacepy/static/manifest.json b/devplacepy/static/manifest.json
index f6481efd..117b22bd 100644
--- a/devplacepy/static/manifest.json
+++ b/devplacepy/static/manifest.json
@@ -9,8 +9,8 @@
     "orientation": "any",
     "lang": "en",
     "dir": "ltr",
-    "background_color": "#0a0a0f",
-    "theme_color": "#0a0a0f",
+    "background_color": "#271b5b",
+    "theme_color": "#271b5b",
     "icons": [
         {
             "src": "/static/icon-192.png",
diff --git a/devplacepy/static/offline.html b/devplacepy/static/offline.html
index 8d152fe8..3625d7af 100644
--- a/devplacepy/static/offline.html
+++ b/devplacepy/static/offline.html
@@ -7,11 +7,11 @@
     <title>Offline - DevPlace</title>
     <style>
         :root {
-            --bg-primary: #0a0a0f;
-            --bg-card: #111118;
-            --accent: #22c55e;
-            --text-primary: #c8c8d0;
-            --text-muted: #6b6b80;
+            --bg-primary: #271b5b;
+            --bg-card: #13112a;
+            --accent: #b73f1e;
+            --text-primary: #e9e4ff;
+            --text-muted: #9b93c9;
         }
         * { box-sizing: border-box; }
         body {
@@ -22,21 +22,21 @@
             justify-content: center;
             background: var(--bg-primary);
             color: var(--text-primary);
-            font-family: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
+            font-family: "Trebuchet MS", "Segoe UI", Tahoma, Verdana, sans-serif;
             padding: 1.5rem;
         }
         .offline-card {
             max-width: 360px;
             text-align: center;
             background: var(--bg-card);
-            border-radius: 6px;
+            border-radius: 12px;
             padding: 2.5rem 2rem;
         }
         .offline-mark {
             width: 72px;
             height: 72px;
             margin: 0 auto 1.25rem;
-            border-radius: 6px;
+            border-radius: 12px;
             background: var(--accent);
             color: var(--bg-primary);
             font-size: 2.75rem;
@@ -49,7 +49,7 @@
             background: var(--accent);
             color: var(--bg-primary);
             border: none;
-            border-radius: 4px;
+            border-radius: 8px;
             padding: 0.75rem 1.5rem;
             font-size: 1rem;
             font-weight: 600;
diff --git a/devplacepy/static/og-default.png b/devplacepy/static/og-default.png
index 30b29492..4d01e4ad 100644
Binary files a/devplacepy/static/og-default.png and b/devplacepy/static/og-default.png differ
diff --git a/devplacepy/static/og-default.svg b/devplacepy/static/og-default.svg
index 5a108ff5..38aab256 100644
--- a/devplacepy/static/og-default.svg
+++ b/devplacepy/static/og-default.svg
@@ -1,14 +1,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
-  <rect width="1200" height="630" fill="#0a0a0f"/>
+  <rect width="1200" height="630" fill="#271b5b"/>
   <rect x="0" y="0" width="1200" height="630" fill="url(#g)"/>
   <defs>
     <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#22c55e" stop-opacity="0.12"/>
-      <stop offset="100%" stop-color="#111118" stop-opacity="0"/>
+      <stop offset="0%" stop-color="#b73f1e" stop-opacity="0.18"/>
+      <stop offset="100%" stop-color="#13112a" stop-opacity="0.6"/>
     </linearGradient>
   </defs>
-  <text x="600" y="300" text-anchor="middle" font-family="'JetBrains Mono', 'SF Mono', Menlo, monospace" font-size="104" font-weight="800" fill="#22c55e">DevPlace</text>
-  <rect x="440" y="334" width="320" height="8" fill="#22c55e"/>
-  <text x="600" y="412" text-anchor="middle" font-family="'JetBrains Mono', 'SF Mono', Menlo, monospace" font-size="34" fill="#8b8b9e">The Developer Social Network</text>
-  <circle cx="600" cy="484" r="8" fill="#22c55e"/>
+  <text x="600" y="290" text-anchor="middle" font-family="'Trebuchet MS', 'Segoe UI', Tahoma, sans-serif" font-size="104" font-weight="800" fill="#e9e4ff">DevPlace</text>
+  <rect x="430" y="326" width="340" height="8" rx="4" fill="#b73f1e"/>
+  <text x="600" y="404" text-anchor="middle" font-family="'Trebuchet MS', 'Segoe UI', Tahoma, sans-serif" font-size="36" fill="#c8c3e5">The Developer Social Network</text>
+  <circle cx="600" cy="478" r="8" fill="#b73f1e"/>
 </svg>
diff --git a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-400-italic.woff2 b/devplacepy/static/vendor/fonts/jetbrains-mono-latin-400-italic.woff2
deleted file mode 100644
index 3d3c5d77..00000000
Binary files a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-400-italic.woff2 and /dev/null differ
diff --git a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-400-normal.woff2 b/devplacepy/static/vendor/fonts/jetbrains-mono-latin-400-normal.woff2
deleted file mode 100644
index 58588733..00000000
Binary files a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-400-normal.woff2 and /dev/null differ
diff --git a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-500-normal.woff2 b/devplacepy/static/vendor/fonts/jetbrains-mono-latin-500-normal.woff2
deleted file mode 100644
index be878e68..00000000
Binary files a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-500-normal.woff2 and /dev/null differ
diff --git a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-600-normal.woff2 b/devplacepy/static/vendor/fonts/jetbrains-mono-latin-600-normal.woff2
deleted file mode 100644
index 59c24e7c..00000000
Binary files a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-600-normal.woff2 and /dev/null differ
diff --git a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-700-normal.woff2 b/devplacepy/static/vendor/fonts/jetbrains-mono-latin-700-normal.woff2
deleted file mode 100644
index 3a4e333f..00000000
Binary files a/devplacepy/static/vendor/fonts/jetbrains-mono-latin-700-normal.woff2 and /dev/null differ
diff --git a/devplacepy/static/vendor/fonts/jetbrains-mono.css b/devplacepy/static/vendor/fonts/jetbrains-mono.css
deleted file mode 100644
index 7ef2e536..00000000
--- a/devplacepy/static/vendor/fonts/jetbrains-mono.css
+++ /dev/null
@@ -1,46 +0,0 @@
-/* JetBrains Mono (latin) - vendored from @fontsource/jetbrains-mono 5.2.5 (SIL OFL 1.1) */
-
-@font-face {
-    font-family: "JetBrains Mono";
-    font-style: normal;
-    font-display: swap;
-    font-weight: 400;
-    src: url(./jetbrains-mono-latin-400-normal.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-    font-family: "JetBrains Mono";
-    font-style: italic;
-    font-display: swap;
-    font-weight: 400;
-    src: url(./jetbrains-mono-latin-400-italic.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-    font-family: "JetBrains Mono";
-    font-style: normal;
-    font-display: swap;
-    font-weight: 500;
-    src: url(./jetbrains-mono-latin-500-normal.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-    font-family: "JetBrains Mono";
-    font-style: normal;
-    font-display: swap;
-    font-weight: 600;
-    src: url(./jetbrains-mono-latin-600-normal.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-@font-face {
-    font-family: "JetBrains Mono";
-    font-style: normal;
-    font-display: swap;
-    font-weight: 700;
-    src: url(./jetbrains-mono-latin-700-normal.woff2) format("woff2");
-    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
diff --git a/devplacepy/templates/base.html b/devplacepy/templates/base.html
index 2a4a89d0..8eae148b 100644
--- a/devplacepy/templates/base.html
+++ b/devplacepy/templates/base.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
-    <meta name="theme-color" content="#0a0a0f">
+    <meta name="theme-color" content="#271b5b">
     <meta name="asset-version" content="{{ static_version }}">
     <title>{% if page_title %}{{ page_title }}{% else %}DevPlace - The Developer Social Network{% endif %}</title>
     <meta name="description" content="{% if meta_description %}{{ meta_description }}{% else %}Track industry shifts. Discover bold releases. Share what you're building in an open environment built by developers, for developers.{% endif %}">
@@ -42,7 +42,6 @@
 
     <link rel="modulepreload" href="{{ static_url('/static/js/Application.js') }}">
     <link rel="modulepreload" href="{{ static_url('/static/js/components/index.js') }}">
-    <link rel="stylesheet" href="{{ static_url('/static/vendor/fonts/jetbrains-mono.css') }}">
     <link rel="stylesheet" href="{{ static_url('/static/css/variables.css') }}">
     <link rel="stylesheet" href="{{ static_url('/static/css/base.css') }}">
     <link rel="stylesheet" href="{{ static_url('/static/css/components.css') }}">
diff --git a/devplacepy/templates/docs/styles-colors.html b/devplacepy/templates/docs/styles-colors.html
index 462cd512..a3e4950a 100644
--- a/devplacepy/templates/docs/styles-colors.html
+++ b/devplacepy/templates/docs/styles-colors.html
@@ -8,7 +8,7 @@ The palette is defined once, as CSS custom properties on `:root` in `static/css/
 
 DevPlace is kept open for hours, often at night. The theme is therefore **dark, low-glare, and deliberately quiet**: deep violet-black backgrounds, soft lavender text, and a *single* warm accent.
 
-- **One accent, used sparingly.** A single terminal green (`--accent`, `#22c55e`) marks what matters: the primary action, the active navigation item, links, and the current vote. Because nothing else competes for it, the accent always means "act on this". A second strong colour used decoratively breaks it.
+- **One accent, used sparingly.** A single burnt orange (`--accent`, `#b73f1e`) marks what matters: the primary action, the active navigation item, links, and the current vote. Because nothing else competes for it, the accent always means "act on this". A second strong colour used decoratively breaks it.
 - **Backgrounds layer by elevation.** A near-black page sits behind slightly lighter cards, behind a lighter hover state. Depth comes from these few background steps plus a soft shadow, not from borders alone.
 - **Text is a three-step hierarchy.** Primary for content, secondary for supporting text, muted for metadata. There is no fourth shade.
 - **Colour with meaning is reserved.** Status colours (success, warning, danger, info) and topic colours carry semantics. They never "brighten up" a layout.
@@ -19,20 +19,20 @@ Layered from the page backdrop up to interactive surfaces.
 
 | Token | Value | Use it for | Do not |
 |-------|-------|-----------|--------|
-| `--bg-primary` | `#0a0a0f` | The page backdrop (`body`). | Put cards or inputs directly on it without a surface token. |
-| `--bg-secondary` | `#111118` | The top nav, dropdowns, the mobile panel, demo frames. | Use as a card body in the content area. |
-| `--bg-card` | `#111118` | Cards, panels, the standard content surface. | Use for the page backdrop. |
-| `--bg-card-hover` | `#1a1a24` | Hover state of cards, list rows, and ghost buttons. | Use as a resting background. |
-| `--bg-input` | `#0a0a0f` | Inputs, textareas, selects. | Use as a content card surface. |
-| `--bg-modal` | `#111118` | Modal card body. | Use outside modals. |
+| `--bg-primary` | `#271b5b` | The page backdrop (`body`). | Put cards or inputs directly on it without a surface token. |
+| `--bg-secondary` | `#1a1736` | The top nav, dropdowns, the mobile panel, demo frames. | Use as a card body in the content area. |
+| `--bg-card` | `#13112a` | Cards, panels, the standard content surface. | Use for the page backdrop. |
+| `--bg-card-hover` | `#1a1736` | Hover state of cards, list rows, and ghost buttons. | Use as a resting background. |
+| `--bg-input` | `#1a1736` | Inputs, textareas, selects. | Use as a content card surface. |
+| `--bg-modal` | `#13112a` | Modal card body. | Use outside modals. |
 | `--bg-gradient` | violet gradient | Large hero / landing surfaces only. | Apply to small components. |
 
 ## Accent
 
 | Token | Value | Use it for | Do not |
 |-------|-------|-----------|--------|
-| `--accent` | `#22c55e` | The single primary action, active nav link, links, the voted star, focus border. | A second decorative colour, large fills, or more than one primary action per view. |
-| `--accent-hover` | `#16a34a` | Hover state of accent surfaces and links. | Resting state. |
+| `--accent` | `#b73f1e` | The single primary action, active nav link, links, the voted star, focus border. | A second decorative colour, large fills, or more than one primary action per view. |
+| `--accent-hover` | `#af3050` | Hover state of accent surfaces and links. | Resting state. |
 | `--accent-light` | `rgba(255,107,53,.12)` | The tinted background behind an *active* nav item or self-highlight row. | Body text (too low contrast). |
 | `--accent-rgb` | `255, 107, 53` | Composing any other accent tint: `rgba(var(--accent-rgb), 0.3)`. | Writing `rgba(255, 107, 53, ...)` literally anywhere. |
 
@@ -42,19 +42,19 @@ A strict three-step hierarchy. Never introduce a fourth text shade.
 
 | Token | Value | Use it for |
 |-------|-------|-----------|
-| `--text-primary` | `#c8c8d0` | Headings and body content. |
-| `--text-secondary` | `#8b8b9e` | Supporting copy, labels, secondary buttons. |
-| `--text-muted` | `#6b6b80` | Timestamps, counts, hints, metadata. |
+| `--text-primary` | `#e9e4ff` | Headings and body content. |
+| `--text-secondary` | `#c8c3e5` | Supporting copy, labels, secondary buttons. |
+| `--text-muted` | `#9b93c9` | Timestamps, counts, hints, metadata. |
 
 ## Borders, radius, and shadow
 
 | Token | Value | Use it for |
 |-------|-------|-----------|
-| `--border` | `#222233` | The default hairline on cards, inputs, dividers. |
-| `--border-light` | `#2e2e40` | Hover/emphasis borders. |
-| `--radius` | `4px` | Buttons, inputs, small controls. |
-| `--radius-lg` | `6px` | Cards and panels. |
-| `--radius-xl` | `8px` | Large feature surfaces. |
+| `--border` | `#11101f` | The default hairline on cards, inputs, dividers. |
+| `--border-light` | `#2f2a55` | Hover/emphasis borders. |
+| `--radius` | `8px` | Buttons, inputs, small controls. |
+| `--radius-lg` | `12px` | Cards and panels. |
+| `--radius-xl` | `16px` | Large feature surfaces. |
 | `--shadow-sm` / `--shadow` / `--shadow-lg` | (shadows) | Card hover, raised panels, modals respectively. |
 
 ## Status colours (semantic only)
@@ -63,9 +63,9 @@ These encode meaning and must only be used to convey it.
 
 | Token | Value | Means |
 |-------|-------|-------|
-| `--success` | `#22c55e` | Success, healthy, online. |
-| `--warning` | `#eab308` | Caution; also the colour of a cast vote star. |
-| `--danger` | `#ef4444` | Errors, destructive actions, the create-post button. |
+| `--success` | `#34d399` | Success, healthy, online. |
+| `--warning` | `#fbbf24` | Caution; also the colour of a cast vote star. |
+| `--danger` | `#f87171` | Errors, destructive actions, the create-post button. |
 | `--info` | `#60a5fa` | Neutral information. |
 
 ## Topic colours (badges only)
@@ -83,7 +83,7 @@ Used exclusively for topic badges (`.badge-devlog`, `.badge-showcase`, …) and
 
 ## Rules
 
-1. **Never hardcode a colour.** Use the token: `color: var(--text-secondary)`, never `color: #8b8b9e`. If a value is missing, add a token to `variables.css` rather than inlining a hex. Accent tints at other alphas compose the channel token: `rgba(var(--accent-rgb), 0.3)`.
+1. **Never hardcode a colour.** Use the token: `color: var(--text-secondary)`, never `color: #c8c3e5`. If a value is missing, add a token to `variables.css` rather than inlining a hex. Accent tints at other alphas compose the channel token: `rgba(var(--accent-rgb), 0.3)`.
 2. **Never give a global token a fallback.** Write `var(--accent)`, never `var(--accent, #hex)`. A fallback silently masks a dead or misspelled token: the page keeps rendering, but from a value nobody maintains.
 3. **Feature palettes are file-scoped token blocks.** A page with its own semantic palette (the Devii terminal, the AI-usage grades) defines it once as custom properties at the top of its own stylesheet (`devii.css` scopes `--devii-*` on `devii-terminal`; `isslop.css` scopes `--isslop-*` on `:root`) and references only those below. Raw hex values may exist in exactly two places: `variables.css` and these file-scoped blocks.
 4. **One accent per view.** Exactly one primary action should carry `--accent`. Everything else is `--btn-secondary`/ghost.
@@ -124,19 +124,19 @@ The reference below is rendered live from the tokens, so it always reflects the
 <div class="component-demo">
     <div class="component-demo-title">Live palette</div>
     <div class="sg-swatch-grid">
-        <div class="sg-swatch"><span class="sg-chip sg-chip-bg-primary"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--bg-primary</span><span class="sg-swatch-hex">#0a0a0f</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-bg-secondary"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--bg-secondary</span><span class="sg-swatch-hex">#111118</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-bg-card"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--bg-card</span><span class="sg-swatch-hex">#111118</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-bg-card-hover"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--bg-card-hover</span><span class="sg-swatch-hex">#1a1a24</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-accent"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--accent</span><span class="sg-swatch-hex">#22c55e</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-accent-hover"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--accent-hover</span><span class="sg-swatch-hex">#16a34a</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-text-primary"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--text-primary</span><span class="sg-swatch-hex">#c8c8d0</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-text-secondary"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--text-secondary</span><span class="sg-swatch-hex">#8b8b9e</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-text-muted"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--text-muted</span><span class="sg-swatch-hex">#6b6b80</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-bg-primary"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--bg-primary</span><span class="sg-swatch-hex">#271b5b</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-bg-secondary"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--bg-secondary</span><span class="sg-swatch-hex">#1a1736</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-bg-card"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--bg-card</span><span class="sg-swatch-hex">#13112a</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-bg-card-hover"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--bg-card-hover</span><span class="sg-swatch-hex">#1a1736</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-accent"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--accent</span><span class="sg-swatch-hex">#b73f1e</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-accent-hover"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--accent-hover</span><span class="sg-swatch-hex">#af3050</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-text-primary"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--text-primary</span><span class="sg-swatch-hex">#e9e4ff</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-text-secondary"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--text-secondary</span><span class="sg-swatch-hex">#c8c3e5</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-text-muted"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--text-muted</span><span class="sg-swatch-hex">#9b93c9</span></span></div>
         <div class="sg-swatch"><span class="sg-chip sg-chip-border"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--border</span><span class="sg-swatch-hex">rgba(255,255,255,.08)</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-success"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--success</span><span class="sg-swatch-hex">#22c55e</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-warning"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--warning</span><span class="sg-swatch-hex">#eab308</span></span></div>
-        <div class="sg-swatch"><span class="sg-chip sg-chip-danger"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--danger</span><span class="sg-swatch-hex">#ef4444</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-success"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--success</span><span class="sg-swatch-hex">#34d399</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-warning"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--warning</span><span class="sg-swatch-hex">#fbbf24</span></span></div>
+        <div class="sg-swatch"><span class="sg-chip sg-chip-danger"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--danger</span><span class="sg-swatch-hex">#f87171</span></span></div>
         <div class="sg-swatch"><span class="sg-chip sg-chip-info"></span><span class="sg-swatch-info"><span class="sg-swatch-name">--info</span><span class="sg-swatch-hex">#60a5fa</span></span></div>
     </div>
 </div>