diff --git a/backend/druks/accounts/enums.py b/backend/druks/accounts/enums.py
index ae28cb692..8e97d1c77 100644
--- a/backend/druks/accounts/enums.py
+++ b/backend/druks/accounts/enums.py
@@ -8,3 +8,9 @@ class AccountKind(StrEnum):
     OPERATOR = "operator"
     BOT = "bot"
     BOT_ADMIN = "bot_admin"
+
+
+class Theme(StrEnum):
+    SYSTEM = "system"
+    LIGHT = "light"
+    DARK = "dark"
diff --git a/backend/druks/accounts/models.py b/backend/druks/accounts/models.py
index c504b13f5..7a8d14cd8 100644
--- a/backend/druks/accounts/models.py
+++ b/backend/druks/accounts/models.py
@@ -5,7 +5,7 @@
 import secrets
 from datetime import datetime
 
-from sqlalchemy import ForeignKey, Index, LargeBinary, String, select, text
+from sqlalchemy import CheckConstraint, ForeignKey, Index, LargeBinary, String, select, text
 from sqlalchemy.dialects.postgresql import CITEXT, JSONB, insert
 from sqlalchemy.ext.asyncio import AsyncSession
 from sqlalchemy.orm import Mapped, mapped_column, relationship
@@ -19,7 +19,7 @@
     PAT_SECRET_BYTES,
     PAT_TOKEN_TAG,
 )
-from druks.accounts.enums import AccountKind
+from druks.accounts.enums import AccountKind, Theme
 from druks.accounts.exceptions import AuthConfigurationError, InvalidPatError
 from druks.core.models import Uuid7Pk, uuid7_str
 from druks.models import Base
@@ -33,6 +33,7 @@
 class Account(Base, Uuid7Pk):
     __tablename__ = "accounts"
     __table_args__ = (
+        CheckConstraint("theme IN ('system', 'light', 'dark')", name="accounts_theme_allowed"),
         Index(
             "accounts_default_idx", "is_default", unique=True, postgresql_where=text("is_default")
         ),
@@ -47,6 +48,9 @@ class Account(Base, Uuid7Pk):
     )
     is_default: Mapped[bool] = mapped_column(default=False, server_default=text("false"))
     timezone: Mapped[str] = mapped_column(String, default="UTC")
+    theme: Mapped[str] = mapped_column(
+        String, default=Theme.SYSTEM, server_default=text("'system'")
+    )
     gate_park_destination_id: Mapped[str | None] = mapped_column(
         ForeignKey("notification_destinations.id", ondelete="SET NULL"), default=None
     )
diff --git a/backend/druks/core/templates/page.html b/backend/druks/core/templates/page.html
index 87623ba05..27d4518c6 100644
--- a/backend/druks/core/templates/page.html
+++ b/backend/druks/core/templates/page.html
@@ -7,21 +7,49 @@
   {# The dashboard's tokens, inlined: these pages are served by the API with no
      SPA assets in reach, and a hashed stylesheet URL would rot. #}
   <style>
+    :root {
+      color-scheme: light;
+      --bg: #f7f7f7;
+      --surface: #fcfcfc;
+      --input: #ffffff;
+      --text: #293638;
+      --text-secondary: #424e50;
+      --text-tertiary: #5b6668;
+      --border: #dee2de;
+      --border-strong: #71898b;
+      --accent: #00677b;
+      --on-accent: #fffcf6;
+    }
+    @media (prefers-color-scheme: dark) {
+      :root {
+        color-scheme: dark;
+        --bg: #0c0c0c;
+        --surface: #111111;
+        --input: #181818;
+        --text: #f0f2f7;
+        --text-secondary: #b4bccd;
+        --text-tertiary: #99a3b9;
+        --border: #2b2b2b;
+        --border-strong: #878787;
+        --accent: #4dd4f4;
+        --on-accent: #0c0c0c;
+      }
+    }
     body { margin: 0; min-height: 100vh; display: grid; place-items: center;
-           background: #0a0c12; color: #f0f2f7;
+           background: var(--bg); color: var(--text);
            font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
-    main { background: #0e1119; border: 1px solid #1c2030; border-radius: 8px;
+    main { background: var(--surface); border: 1px solid var(--border); border-radius: 8px;
            padding: 28px 32px; max-width: 30rem; }
-    .wordmark { color: #7e889d; font-size: 12px; letter-spacing: .14em;
+    .wordmark { color: var(--text-tertiary); font-size: 12px; letter-spacing: .14em;
                 text-transform: uppercase; margin-bottom: 14px; }
-    p { margin: 0 0 12px; color: #b4bccd; }
-    a { color: #a78bfa; }
-    b { color: #f0f2f7; }
-    label { display: block; color: #99a3b9; font-size: 13px; }
+    p { margin: 0 0 12px; color: var(--text-secondary); }
+    a { color: var(--accent); }
+    b { color: var(--text); }
+    label { display: block; color: var(--text-tertiary); font-size: 13px; }
     input { width: 100%; box-sizing: border-box; margin-top: 4px; padding: 8px 10px;
-            background: #131825; color: #f0f2f7; border: 1px solid #1c2030;
+            background: var(--input); color: var(--text); border: 1px solid var(--border-strong);
             border-radius: 5px; font: inherit; }
-    button { padding: 9px 16px; background: #a78bfa; color: #0a0c12; border: 0;
+    button { padding: 9px 16px; background: var(--accent); color: var(--on-accent); border: 0;
              border-radius: 5px; font: inherit; font-weight: 600; cursor: pointer; }
   </style>
 </head>
diff --git a/backend/druks/migrations/versions/d8f6a2c91b47_add_account_theme_preference.py b/backend/druks/migrations/versions/d8f6a2c91b47_add_account_theme_preference.py
new file mode 100644
index 000000000..1cedcf09a
--- /dev/null
+++ b/backend/druks/migrations/versions/d8f6a2c91b47_add_account_theme_preference.py
@@ -0,0 +1,28 @@
+"""Add an account-owned theme preference.
+
+Revision ID: d8f6a2c91b47
+Revises: 8c2f4e6a1d37
+"""
+
+import sqlalchemy as sa
+from alembic import op
+
+revision: str = "d8f6a2c91b47"
+down_revision: str | None = "8c2f4e6a1d37"
+branch_labels: str | None = None
+depends_on: str | None = None
+
+
+def upgrade() -> None:
+    op.add_column(
+        "accounts",
+        sa.Column("theme", sa.String(), server_default="system", nullable=False),
+    )
+    op.create_check_constraint(
+        "accounts_theme_allowed", "accounts", "theme IN ('system', 'light', 'dark')"
+    )
+
+
+def downgrade() -> None:
+    op.drop_constraint("accounts_theme_allowed", "accounts", type_="check")
+    op.drop_column("accounts", "theme")
diff --git a/backend/druks/user_settings/schemas.py b/backend/druks/user_settings/schemas.py
index 951ff442e..b72bf19e1 100644
--- a/backend/druks/user_settings/schemas.py
+++ b/backend/druks/user_settings/schemas.py
@@ -4,6 +4,7 @@
 from pydantic import AfterValidator, BaseModel, ConfigDict, Field, PositiveInt
 from pydantic.fields import FieldInfo
 
+from druks.accounts.enums import Theme
 from druks.apps.settings import (
     field_choices,
     field_kind,
@@ -33,6 +34,7 @@ class PersonalSettingsResponse(Schema):
     model_config = ConfigDict(from_attributes=True)
 
     timezone: str
+    theme: Theme
     gate_park_destination_id: str | None
     is_tag_required: bool
 
@@ -55,6 +57,7 @@ class UpdatePersonalSettingsRequest(BaseModel):
     model_config = ConfigDict(extra="forbid")
 
     timezone: Annotated[str, AfterValidator(validate_timezone)] | None = None
+    theme: Theme | None = None
     # Absent leaves the destination unchanged. Null turns notifications off.
     gate_park_destination_id: str | None = Field(
         default=None, validation_alias="gateParkDestinationId"
diff --git a/backend/tests/test_personal_settings.py b/backend/tests/test_personal_settings.py
index b643b7292..0ea0d7d9b 100644
--- a/backend/tests/test_personal_settings.py
+++ b/backend/tests/test_personal_settings.py
@@ -41,6 +41,7 @@ async def test_account_creation_copies_defaults_once(tmp_path, druks_db, monkeyp
     )
     alice = await Account.get_or_create(druks_db, "alice@example.com")
     assert (alice.timezone, alice.gate_park_destination_id) == ("Europe/Madrid", destination.id)
+    assert alice.theme == "system"
     await alice.update_preferences(timezone="America/New_York", gate_park_destination_id=None)
     await installation.update(default_effort="low")
     existing = await Account.get_or_create(druks_db, "alice@example.com")
@@ -51,6 +52,7 @@ async def test_account_creation_copies_defaults_once(tmp_path, druks_db, monkeyp
             "/api/settings/personal", headers={IDENTITY_HEADER: alice.username}
         ).json() == {
             "timezone": "America/New_York",
+            "theme": "system",
             "gateParkDestinationId": None,
             "isTagRequired": False,
         }
@@ -89,6 +91,7 @@ async def test_migrations_preserve_preferences_and_installation_execution(druks_
     for statement in (
         "DELETE FROM settings",
         "ALTER TABLE accounts DROP COLUMN timezone",
+        "ALTER TABLE accounts DROP COLUMN theme",
         "ALTER TABLE accounts DROP COLUMN gate_park_destination_id",
         "ALTER TABLE settings DROP CONSTRAINT settings_singleton",
         "ALTER TABLE settings ADD COLUMN timezone varchar NOT NULL DEFAULT 'UTC'",
@@ -128,6 +131,7 @@ def upgrade(connection):
             "74b53981122c_add_account_preferences.py",
             "7dc609a2d51a_move_preferences_to_accounts.py",
             "b43924bf37db_enforce_installation_settings_singleton.py",
+            "d8f6a2c91b47_add_account_theme_preference.py",
         ):
             path = (
                 Path(__file__).resolve().parent.parent
@@ -145,17 +149,17 @@ def upgrade(connection):
     await (await druks_db.connection()).run_sync(upgrade)
     preferences = (
         await druks_db.execute(
-            text("SELECT id, timezone, gate_park_destination_id FROM accounts ORDER BY id")
+            text("SELECT id, timezone, theme, gate_park_destination_id FROM accounts ORDER BY id")
         )
     ).all()
     expected = (
         [
-            (alice.id, "America/New_York", destination.id),
-            (bob.id, "Asia/Tokyo", None),
-            (charlie.id, "Europe/Madrid", destination.id),
+            (alice.id, "America/New_York", "system", destination.id),
+            (bob.id, "Asia/Tokyo", "system", None),
+            (charlie.id, "Europe/Madrid", "system", destination.id),
         ]
         if has_settings
-        else [(account_id, "UTC", None) for account_id in account_ids]
+        else [(account_id, "UTC", "system", None) for account_id in account_ids]
     )
     assert preferences == sorted(expected)
     execution = (
@@ -268,7 +272,13 @@ async def apply_schedules(druks_db):
         alice = {IDENTITY_HEADER: "alice@example.com"}
         bob = {IDENTITY_HEADER: "bob@example.com"}
         inherited = client.get("/api/settings/personal", headers=alice).json()
-        assert set(inherited) == {"timezone", "gateParkDestinationId", "isTagRequired"}
+        assert set(inherited) == {"timezone", "theme", "gateParkDestinationId", "isTagRequired"}
+        assert inherited["theme"] == "system"
+        saved_theme = client.patch("/api/settings/personal", headers=alice, json={"theme": "dark"})
+        assert saved_theme.status_code == 200
+        assert saved_theme.json()["theme"] == "dark"
+        assert client.get("/api/settings/personal", headers=bob).json()["theme"] == "system"
+        assert (await Account.get_for_username(druks_db, "alice@example.com")).theme == "dark"
         saved = client.patch(
             "/api/settings/personal", headers=alice, json={"timezone": "America/New_York"}
         )
@@ -296,6 +306,7 @@ async def apply_schedules(druks_db):
         ("fastMode", True),
         ("defaultTimeout", 600),
         ("timezone", "not-a-timezone"),
+        ("theme", "sepia"),
     ],
 )
 async def test_invalid_edit_keeps_account_preferences(tmp_path, druks_db, field, value):
@@ -304,6 +315,7 @@ async def test_invalid_edit_keeps_account_preferences(tmp_path, druks_db, field,
         assert response.status_code == 422
         assert client.patch("/api/settings/personal", json={}).status_code == 200
     assert (await Account.get_default(druks_db)).timezone == "UTC"
+    assert (await Account.get_default(druks_db)).theme == "system"
 
 
 async def test_shared_agent_overrides_use_installation_settings_after_a_personal_edit(
diff --git a/frontend/README.md b/frontend/README.md
index 23a059583..f2675ea92 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -62,8 +62,8 @@ keeps streamed replies visible until the operator scrolls up. See the
 Settings use `/settings/<section>` routes. `/settings/personal` edits the current
 account's preferences through `/api/settings/personal`. `/settings/agents` edits
 shared execution defaults through `/api/settings`. The
-preferences provider uses the personal endpoint for timestamp display. Preferences
-contains only timezone and does not depend on execution catalogs. All accounts
+preferences provider uses the personal endpoint for timestamp display and theme
+selection. Preferences does not depend on execution catalogs. All accounts
 use the shared execution defaults in Agents and the app agent overrides. Search
 matches section names and app field labels. Preferences and Agents
 retain separate drafts across settings pages. Save changes applies only the current page.
diff --git a/frontend/index.html b/frontend/index.html
index 907072503..56d31ddb8 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -8,11 +8,11 @@
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <link rel="manifest" href="/site.webmanifest" />
-    <meta name="theme-color" content="#0a0a0d" />
+    <meta name="theme-color" content="#f7f7f7" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap"
+      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap"
       rel="stylesheet"
     />
   </head>
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
index 05008df19..a731c2461 100644
--- a/frontend/public/favicon.svg
+++ b/frontend/public/favicon.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" fill="#0a0a0d" rx="14"/><path fill="#4DD4F4" d="M57.97 11.5c-.09-.68-.34-.72-.5-.42a9.3 9.3 0 0 1-4.92 4.17c-5.93 2.05-6.61 2.47-9.07 4.35a13 13 0 0 1-3.11 2c-.22.09-.43-.12-.35-.34.57-1.5 2.11-3.1 4.11-4.54 3.91-2.83 4.2-5.08 4.01-6.35-.03-.24-.35-.3-.46-.09-.78 1.4-2.22 2.2-3.98 2.98-6.87 3.06-7.18 6.22-9.21 7.33-.12.07-.28.1-.39 0-.39-.32-1.38-.41-2.44-.04-1.1.38-1.75 2.03-1.61 2.38.1.26.9.14 1.77.61.15.09.09.32-.09.32-2.44-.08-3.98.72-4.4 1.41-.11.19-.41.06-.41-.16 0-.63.3-1.26.76-1.68a.2.2 0 0 0-.1-.32c-2.36-.31-2.97.65-3.03 1.55q-.02.15-.16.2c-4.14 1.65-2.13 4.72-2.13 4.72s1.2 1.9 2.49 1.39c.93-.38.72-1.6 3.31-1.55 2.07.04 1.54 1.16 4.8-.68.22-.12.47.14.32.35-.44.66-1.24 1.72-2.94 1.42-.33-.06-.64.21-.74.53-.22.7-.75 1.85-1.93 2.19-1.16.34-2.43-.68-3.13-1.38a.7.7 0 0 0-.99.02c-.7.73-1.92 1.27-3.12 1.76-1.53.64-3.65-1.38-3.65-1.38s-.93-.88-2.5.38c-1.04.9-1.6 1.78-.73 2.81.22.27.07.68-.27.75-1.58.32-2.3.32-3.42-.29-.9-.5-1.59-1.48-1.18-2.32.73-1.52.82-2.21-.25-3.13A3.7 3.7 0 0 1 7.1 28.5c-.53-2.1.77-4.68 2.96-4.96 1.62-.21 2.33.15 3.02.45.3.13.58-.24.36-.5-.75-.83-1.74-1.3-3.28-1.16-2.9.27-4.26 3.01-4.16 5.14.05.95.05 2.37 1.5 3.58.26.22.72.76.54 1.3-.25.75-1.92 2.58 1.16 4.57.83.53 2 .44 3.09.33.26-.03.47.2.46.47-.03.66.13 1.78 1.5 1.87.32.02.5.26.64.36s.16.29.04.41c-.15.16-.27.4-.07.74a5.4 5.4 0 0 0 1.87 2.09c.5.26 1-.33.67-.78-.58-.78-.97-1.44-.74-1.92.2-.42 1.29-1 2.13.07.64.82.76 1.27 2.17 1.8.51.2 1.22-.09.74-.76-.39-.53-1.06-1.26-1.1-1.83a.44.44 0 0 1 .65-.42c.44.23 1.05.37 1.82.07 3.3-1.34 4.5-4.14 8.3-4.03 1.62.05 2.41 2.55.7 2.97a9.5 9.5 0 0 0-5.56 3.74c-1.45 2.2-1.38 2.78-3.53 3.8-1.36.63-2.25-.34-2.32-1.3-.03-.46-.77-.45-.93-.01-1.5 4.03 2.01 4.15 2.01 4.15-.14 1.71 1.1 3.19 1.94 3.91a5.4 5.4 0 0 0 5.36.84c.32-.12.27-.58-.07-.63-2.17-.26-2.96-1.61-3.22-2.56-.09-.33.3-.6.58-.4 3.13 2.34 5.23.76 6.04-.22.25-.3.01-.74-.37-.7-2.95.3-3.8-1.2-3.55-2.46.28-1.38 1.39-2.73 3.77-3.74 3.13-1.33 4.28-.5 6.75-1.05 4.44-1 6.75-3.48 7.53-4.76.18-.3-.12-.65-.45-.53a8 8 0 0 1-4.37.14c-.27-.08-.26-.48.02-.54 3.34-.77 5.89-2.53 6.48-3.77a.34.34 0 0 0-.4-.48c-1.2.37-2.44.51-3.17.46a.45.45 0 0 1-.25-.79c2.17-1.84 2.67-3.92 2.63-5.1-.01-.57-.24-.6-.41-.4-.39.43-1.11 1-2.43 1.41-2.06.65-2.95.2-3.52-.2-.44-.32-.3-.54-.02-.53 1.09.05 2.77.14 4.5-1.77 2.53-2.78 3.57-4.43 6.81-5.8 4.94-2.1 6.32-5.2 6.04-7.56M16.16 36.05c-.4 0-.65-.03-.35-.43.12-.16.54-.45.75-.25.35.32.01.68-.4.68"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" fill="#0c0c0c" rx="14"/><path fill="#4DD4F4" d="M57.97 11.5c-.09-.68-.34-.72-.5-.42a9.3 9.3 0 0 1-4.92 4.17c-5.93 2.05-6.61 2.47-9.07 4.35a13 13 0 0 1-3.11 2c-.22.09-.43-.12-.35-.34.57-1.5 2.11-3.1 4.11-4.54 3.91-2.83 4.2-5.08 4.01-6.35-.03-.24-.35-.3-.46-.09-.78 1.4-2.22 2.2-3.98 2.98-6.87 3.06-7.18 6.22-9.21 7.33-.12.07-.28.1-.39 0-.39-.32-1.38-.41-2.44-.04-1.1.38-1.75 2.03-1.61 2.38.1.26.9.14 1.77.61.15.09.09.32-.09.32-2.44-.08-3.98.72-4.4 1.41-.11.19-.41.06-.41-.16 0-.63.3-1.26.76-1.68a.2.2 0 0 0-.1-.32c-2.36-.31-2.97.65-3.03 1.55q-.02.15-.16.2c-4.14 1.65-2.13 4.72-2.13 4.72s1.2 1.9 2.49 1.39c.93-.38.72-1.6 3.31-1.55 2.07.04 1.54 1.16 4.8-.68.22-.12.47.14.32.35-.44.66-1.24 1.72-2.94 1.42-.33-.06-.64.21-.74.53-.22.7-.75 1.85-1.93 2.19-1.16.34-2.43-.68-3.13-1.38a.7.7 0 0 0-.99.02c-.7.73-1.92 1.27-3.12 1.76-1.53.64-3.65-1.38-3.65-1.38s-.93-.88-2.5.38c-1.04.9-1.6 1.78-.73 2.81.22.27.07.68-.27.75-1.58.32-2.3.32-3.42-.29-.9-.5-1.59-1.48-1.18-2.32.73-1.52.82-2.21-.25-3.13A3.7 3.7 0 0 1 7.1 28.5c-.53-2.1.77-4.68 2.96-4.96 1.62-.21 2.33.15 3.02.45.3.13.58-.24.36-.5-.75-.83-1.74-1.3-3.28-1.16-2.9.27-4.26 3.01-4.16 5.14.05.95.05 2.37 1.5 3.58.26.22.72.76.54 1.3-.25.75-1.92 2.58 1.16 4.57.83.53 2 .44 3.09.33.26-.03.47.2.46.47-.03.66.13 1.78 1.5 1.87.32.02.5.26.64.36s.16.29.04.41c-.15.16-.27.4-.07.74a5.4 5.4 0 0 0 1.87 2.09c.5.26 1-.33.67-.78-.58-.78-.97-1.44-.74-1.92.2-.42 1.29-1 2.13.07.64.82.76 1.27 2.17 1.8.51.2 1.22-.09.74-.76-.39-.53-1.06-1.26-1.1-1.83a.44.44 0 0 1 .65-.42c.44.23 1.05.37 1.82.07 3.3-1.34 4.5-4.14 8.3-4.03 1.62.05 2.41 2.55.7 2.97a9.5 9.5 0 0 0-5.56 3.74c-1.45 2.2-1.38 2.78-3.53 3.8-1.36.63-2.25-.34-2.32-1.3-.03-.46-.77-.45-.93-.01-1.5 4.03 2.01 4.15 2.01 4.15-.14 1.71 1.1 3.19 1.94 3.91a5.4 5.4 0 0 0 5.36.84c.32-.12.27-.58-.07-.63-2.17-.26-2.96-1.61-3.22-2.56-.09-.33.3-.6.58-.4 3.13 2.34 5.23.76 6.04-.22.25-.3.01-.74-.37-.7-2.95.3-3.8-1.2-3.55-2.46.28-1.38 1.39-2.73 3.77-3.74 3.13-1.33 4.28-.5 6.75-1.05 4.44-1 6.75-3.48 7.53-4.76.18-.3-.12-.65-.45-.53a8 8 0 0 1-4.37.14c-.27-.08-.26-.48.02-.54 3.34-.77 5.89-2.53 6.48-3.77a.34.34 0 0 0-.4-.48c-1.2.37-2.44.51-3.17.46a.45.45 0 0 1-.25-.79c2.17-1.84 2.67-3.92 2.63-5.1-.01-.57-.24-.6-.41-.4-.39.43-1.11 1-2.43 1.41-2.06.65-2.95.2-3.52-.2-.44-.32-.3-.54-.02-.53 1.09.05 2.77.14 4.5-1.77 2.53-2.78 3.57-4.43 6.81-5.8 4.94-2.1 6.32-5.2 6.04-7.56M16.16 36.05c-.4 0-.65-.03-.35-.43.12-.16.54-.45.75-.25.35.32.01.68-.4.68"/></svg>
diff --git a/frontend/public/site.webmanifest b/frontend/public/site.webmanifest
index f47f16091..0b3fc1908 100644
--- a/frontend/public/site.webmanifest
+++ b/frontend/public/site.webmanifest
@@ -3,8 +3,8 @@
   "short_name": "Druks",
   "start_url": "/",
   "display": "standalone",
-  "theme_color": "#0a0a0d",
-  "background_color": "#0a0a0d",
+  "theme_color": "#f7f7f7",
+  "background_color": "#f7f7f7",
   "icons": [
     { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" },
     { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8a39a2d08..4b60573b9 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -28,7 +28,6 @@ import { ChatPage } from './pages/ChatPage'
 import { LoginWindowPage } from './pages/LoginWindowPage'
 import { UsagePage } from './pages/UsagePage'
 import { SchedulesPage } from './pages/SchedulesPage'
-import { appAccent } from './lib/appColors'
 import './apps'
 import { registerInstalledApps } from './apps/installed'
 import { appHome, appLabel, appOwning, getAppUI, registeredApps } from './apps/registry'
@@ -230,7 +229,6 @@ function AppShell({
       .map((entry) => entry.name)
       .filter((name) => installed.has(name))
   }, [rosterQuery.data])
-  const accent = useMemo(() => appAccent(registered), [registered])
   const defaultApp = registered[0] ?? null
   const [lastApp, setLastApp] = useState<string | null>(null)
   const urlApp = appOwning(location, rosterQuery.data)
@@ -429,7 +427,6 @@ function AppShell({
               href={url}
               className="command-tab"
               aria-current={url === activeTab ? 'page' : undefined}
-              style={url === activeTab ? { borderBottomColor: accent[urlApp] } : undefined}
             >
               {name}
             </Link>
diff --git a/frontend/src/activity.css b/frontend/src/activity.css
index fb8819712..60c353ec1 100644
--- a/frontend/src/activity.css
+++ b/frontend/src/activity.css
@@ -1,88 +1,87 @@
 .activity-page { font: 15px/1.5 var(--font-sans); }
 .activity-layout { display: flex; min-width: 0; min-height: 0; flex: 1; }
-.activity-list { flex: 1; min-width: 0; overflow-y: auto; padding: 24px var(--page-gutter); scrollbar-color: var(--border-loud) transparent; }
+.activity-list { flex: 1; min-width: 0; overflow-y: auto; padding: 24px var(--page-gutter); scrollbar-color: var(--border-soft) transparent; }
 .activity-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
 .activity-header h1 { margin: 0; font-size: 26px; line-height: 34px; font-weight: 600; }
 .activity-connection { display: flex; align-items: center; gap: 12px; font-size: 14px; }
 .activity-connection span { display: inline-flex; align-items: center; gap: 8px; }
-.activity-live svg { color: var(--outcome-merged); fill: var(--outcome-merged); }
-.activity-connection button, .activity-refresh { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--border-loud); border-radius: 5px; }
-.activity-toolbar { display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--border-loud); }
+.activity-live svg { color: var(--success); fill: var(--success); }
+.activity-connection button, .activity-refresh { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--border-strong); border-radius: 5px; }
+.activity-toolbar { display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--border-soft); }
 .activity-search { flex: 1; display: flex; align-items: center; min-width: 100px; position: relative; }
-.activity-search svg { position: absolute; left: 10px; color: var(--text-dim); pointer-events: none; }
-.activity-search input { width: 100%; min-width: 0; height: 34px; padding: 6px 10px 6px 34px; border: 1px solid var(--border-loud); border-radius: 5px; background: var(--surface); color: var(--text); font: inherit; caret-color: var(--accent); }
-.activity-search input::placeholder { color: var(--text-dim); opacity: 1; }
-.activity-filter-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; height: 34px; padding: 0 10px; border: 1px solid var(--border-loud); border-radius: 5px; }
+.activity-search svg { position: absolute; left: 10px; color: var(--text-tertiary); pointer-events: none; }
+.activity-search input { width: 100%; min-width: 0; height: 34px; padding: 6px 10px 6px 34px; border: 1px solid var(--border-strong); border-radius: 5px; background: var(--input); color: var(--text); font: inherit; caret-color: var(--accent); }
+.activity-search input::placeholder { color: var(--text-tertiary); opacity: 1; }
+.activity-filter-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; height: 34px; padding: 0 10px; border: 1px solid var(--border-strong); border-radius: 5px; }
 .activity-filter-trigger[aria-expanded="true"] { border-color: var(--accent); background: var(--surface-2); }
 .activity-filter-count { color: var(--accent); }
 .activity-refresh { flex-shrink: 0; }
-.activity-active-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; padding: 10px 0; color: var(--text-mid); font-size: 13px; overflow-wrap: anywhere; }
+.activity-active-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; padding: 10px 0; color: var(--text-secondary); font-size: 13px; overflow-wrap: anywhere; }
 .activity-active-filters button { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; color: var(--accent); }
-.set-menu.activity-control { width: 320px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 160px); padding: 16px; scrollbar-color: var(--border-loud) transparent; }
+.set-menu.activity-control { width: 320px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 160px); padding: 16px; scrollbar-color: var(--border-soft) transparent; }
 .activity-control > div { display: flex; flex-direction: column; gap: 12px; }
 .activity-control header { display: flex; align-items: center; justify-content: space-between; }
 .activity-control header button { display: grid; place-items: center; width: 32px; height: 32px; margin: -8px -8px -8px 0; }
-.activity-control label { display: flex; flex-direction: column; gap: 4px; min-width: 0; color: var(--text-mid); font-size: 13px; }
-.activity-control :is(input, select) { width: 100%; min-width: 0; min-height: 36px; padding: 6px 8px; border: 1px solid var(--border-loud); border-radius: 5px; background: var(--surface); color: var(--text); font: 15px/1.4 var(--font-sans); color-scheme: dark; }
+.activity-control label { display: flex; flex-direction: column; gap: 4px; min-width: 0; color: var(--text-secondary); font-size: 13px; }
+.activity-control :is(input, select) { width: 100%; min-width: 0; min-height: 36px; padding: 6px 8px; border: 1px solid var(--border-strong); border-radius: 5px; background: var(--input); color: var(--text); font: 15px/1.4 var(--font-sans); }
 .activity-dates { display: flex; flex-direction: column; gap: 12px; }
 .activity-clear { align-self: flex-start; min-height: 32px; color: var(--accent); }
-.activity-order { display: flex; justify-content: space-between; gap: 16px; color: var(--text-dim); font-size: 13px; padding: 14px 0; }
+.activity-order { display: flex; justify-content: space-between; gap: 16px; color: var(--text-tertiary); font-size: 13px; padding: 14px 0; }
 .activity-rows { list-style: none; padding: 0; margin: 0; }
-.activity-day h2 { margin: 0; padding: 14px 0 10px; border-top: 1px solid var(--border-loud); font-size: 15px; line-height: 22px; font-weight: 500; }
+.activity-day h2 { margin: 0; padding: 14px 0 10px; border-top: 1px solid var(--border-soft); font-size: 15px; line-height: 22px; font-weight: 500; }
 .activity-row { display: grid; align-items: center; grid-template-columns: 16px minmax(0, 1fr) auto 15px; gap: 14px; width: 100%; min-height: 68px; text-align: left; padding: 10px 8px; border-top: 1px solid var(--border); transition: background-color 140ms ease; }
 .activity-row:hover { background: var(--surface); }
 .activity-row[aria-current="true"] { background: color-mix(in oklch, var(--accent) 8%, var(--bg)); box-shadow: inset 1px 0 var(--accent); }
-.activity-row-glyph { color: var(--text-dim); }
-.activity-row.activity-tone-negative .activity-row-glyph { color: var(--outcome-failed); }
-.activity-row.activity-tone-positive .activity-row-glyph { color: var(--outcome-merged); }
+.activity-row-glyph { color: var(--text-tertiary); }
+.activity-row.activity-tone-negative .activity-row-glyph { color: var(--danger); }
+.activity-row.activity-tone-positive .activity-row-glyph { color: var(--success); }
 .activity-row.activity-tone-attention .activity-row-glyph { color: var(--accent); }
 .activity-row-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .activity-row-work, .activity-context { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.activity-work-key { color: var(--text-mid); }
-.activity-context { color: var(--text-mid); }
+.activity-work-key { color: var(--text-secondary); }
+.activity-context { color: var(--text-secondary); }
 .activity-context strong { color: var(--text); font-weight: 500; }
-.activity-row time { font: 12px/1.8 var(--font-mono); color: var(--text-mid); white-space: nowrap; }
-.activity-row > svg:last-child { color: var(--text-dim); }
+.activity-row time { font: 12px/1.8 var(--font-mono); color: var(--text-secondary); white-space: nowrap; }
+.activity-row > svg:last-child { color: var(--text-tertiary); }
 .activity-new, .activity-older { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 44px; margin-top: 12px; color: var(--text); }
-.activity-new { position: sticky; top: 0; z-index: 1; border: 1px solid var(--border-loud); border-radius: 5px; background: var(--surface-2); color: var(--accent); }
-.activity-detail { position: relative; flex: 0 0 360px; width: 360px; min-width: 0; overflow-y: auto; padding: 24px; border-left: 1px solid var(--border-loud); background: var(--surface); overflow-wrap: anywhere; scrollbar-color: var(--border-loud) transparent; }
+.activity-new { position: sticky; top: 0; z-index: 1; border: 1px solid var(--border-strong); border-radius: 5px; background: var(--surface-2); color: var(--accent); }
+.activity-detail { position: relative; flex: 0 0 360px; width: 360px; min-width: 0; overflow-y: auto; padding: 24px; border-left: 1px solid var(--border); background: var(--surface); overflow-wrap: anywhere; scrollbar-color: var(--border-soft) transparent; }
 .activity-detail h2 { font-size: 21px; line-height: 1.4; font-weight: 600; margin: 0 28px 12px 0; }
-.activity-close { position: absolute; right: 8px; top: 14px; width: 40px; height: 40px; display: grid; place-items: center; color: var(--text-dim); }
+.activity-close { position: absolute; right: 8px; top: 14px; width: 40px; height: 40px; display: grid; place-items: center; color: var(--text-tertiary); }
 .activity-work-identity { padding-bottom: 18px; }
 .activity-work-identity p { margin: 8px 0 0; }
-.activity-work-label { color: var(--text-mid); }
+.activity-work-label { color: var(--text-secondary); }
 .activity-detail h3 { font-size: 16px; font-weight: 600; margin: 18px 0 10px; }
-.activity-explanation, .activity-response, .activity-request, .activity-result { border-top: 1px solid var(--border-loud); padding: 18px 0; }
+.activity-explanation, .activity-response, .activity-request, .activity-result { border-top: 1px solid var(--border-soft); padding: 18px 0; }
 .activity-explanation p { margin: 0; }
-.activity-explanation p + p { margin-top: 8px; color: var(--text-mid); }
+.activity-explanation p + p { margin-top: 8px; color: var(--text-secondary); }
 .activity-detail-context { font-weight: 500; white-space: pre-wrap; margin: 0 0 12px; }
-.activity-explanation.activity-tone-negative .activity-detail-context { color: var(--outcome-failed); }
+.activity-explanation.activity-tone-negative .activity-detail-context { color: var(--danger); }
 .activity-result .markdown-content { font: inherit; color: var(--text); }
-.activity-result .markdown-content h2 { margin: 24px 0 10px; padding-top: 16px; border-top: 1px solid var(--border-loud); font-size: 16px; }
+.activity-result .markdown-content h2 { margin: 24px 0 10px; padding-top: 16px; border-top: 1px solid var(--border-soft); font-size: 16px; }
 .activity-detail pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.6 var(--font-mono); max-width: 100%; }
-.activity-muted { color: var(--text-mid); font-size: 14px; }
-.activity-metadata { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 16px; margin: 0; padding: 18px 0; border-top: 1px solid var(--border-loud); font-size: 13px; color: var(--text-mid); }
+.activity-muted { color: var(--text-secondary); font-size: 14px; }
+.activity-metadata { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 16px; margin: 0; padding: 18px 0; border-top: 1px solid var(--border-soft); font-size: 13px; color: var(--text-secondary); }
 .activity-metadata dd { margin: 0; }
-.activity-detail details { border-top: 1px solid var(--border-loud); }
+.activity-detail details { border-top: 1px solid var(--border-soft); }
 .activity-detail summary { display: list-item; min-height: 44px; padding: 12px 0; cursor: pointer; }
 .activity-technical dl { margin: 0 0 16px; font-size: 13px; }
-.activity-technical dt { margin-top: 10px; color: var(--text-dim); }
+.activity-technical dt { margin-top: 10px; color: var(--text-tertiary); }
 .activity-technical dd { margin: 4px 0 0; font-family: var(--font-mono); }
 .activity-reply-values { margin: 12px 0; white-space: pre-wrap; }
-.activity-reply-values dt { color: var(--text-mid); text-transform: capitalize; font-size: 13px; }
+.activity-reply-values dt { color: var(--text-secondary); text-transform: capitalize; font-size: 13px; }
 .activity-reply-values dd { margin: 4px 0 12px; }
-.activity-destinations { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--border-loud); }
+.activity-destinations { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--border-soft); }
 .activity-destinations a { display: inline-flex; min-height: 36px; gap: 8px; align-items: center; color: var(--accent); text-decoration: none; }
 .activity-destinations .activity-primary { border: 1px solid var(--accent); border-radius: 5px; padding: 6px 12px; color: var(--text); }
 .activity-destinations a:hover { text-decoration: underline; text-underline-offset: 4px; }
-.activity-source { margin: 24px 0 0; color: var(--text-mid); font-size: 12px; }
+.activity-source { margin: 24px 0 0; color: var(--text-secondary); font-size: 12px; }
 .activity-message { padding: 24px 0; }
 .activity-message h2 { font-size: 18px; }
 .activity-message button, .activity-detail p button { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
 .activity-page :is(button, input, select, a, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
 .activity-page button:disabled { opacity: .55; cursor: wait; }
 .activity-connection button:hover, .activity-refresh:hover, .activity-filter-trigger:hover { background-color: var(--surface-2); }
-.activity-page ::selection { background: var(--border-loud); color: var(--text); }
 @media (max-width: 1199px) {
   .activity-selected .activity-list { display: none; }
   .activity-detail { flex: 1; width: 100%; border-left: 0; }
diff --git a/frontend/src/api/types.ts b/frontend/src/api/types.ts
index 85a2ee6f0..a1e1b8a94 100644
--- a/frontend/src/api/types.ts
+++ b/frontend/src/api/types.ts
@@ -750,6 +750,7 @@ export type Billing = 'subscription' | 'api_key'
 
 export interface PersonalSettings {
   timezone: string
+  theme: 'system' | 'light' | 'dark'
   gateParkDestinationId: string | null
   isTagRequired: boolean
 }
@@ -768,6 +769,7 @@ export interface InstallationSettings {
 
 export interface UpdatePersonalSettingsRequest {
   timezone?: string
+  theme?: PersonalSettings['theme']
   gateParkDestinationId?: string | null
   isTagRequired?: boolean
 }
diff --git a/frontend/src/apps/software_factory/WorkItemPage.tsx b/frontend/src/apps/software_factory/WorkItemPage.tsx
index 712125d1e..7036ef21f 100644
--- a/frontend/src/apps/software_factory/WorkItemPage.tsx
+++ b/frontend/src/apps/software_factory/WorkItemPage.tsx
@@ -236,7 +236,7 @@ function InfoPanel({
             <span className="ins-field-k">pr</span>
             <span className="ins-field-v">
               {workItem.prNumber == null ? (
-                <span style={{ color: 'var(--text-faint)' }}>not opened</span>
+                <span style={{ color: 'var(--text-tertiary)' }}>not opened</span>
               ) : workItem.links.pr ? (
                 <a className="ins-link" href={workItem.links.pr} target="_blank" rel="noreferrer">
                   #{workItem.prNumber}
@@ -762,12 +762,12 @@ function TranscriptBody({
       )
     }
     return (
-      <div className="ins-stream" style={{ color: 'var(--text-faint)' }}>
+      <div className="ins-stream" style={{ color: 'var(--text-tertiary)' }}>
         <div className="ins-stream-line">
-          <span className="ins-stream-from" style={{ color: 'var(--text-faint)' }}>
+          <span className="ins-stream-from" style={{ color: 'var(--text-tertiary)' }}>
             —
           </span>
-          <span className="ins-stream-body" style={{ color: 'var(--text-faint)' }}>
+          <span className="ins-stream-body" style={{ color: 'var(--text-tertiary)' }}>
             no agent calls in this run
           </span>
         </div>
diff --git a/frontend/src/apps/software_factory/projects/projects.css b/frontend/src/apps/software_factory/projects/projects.css
index fb373bd4d..d2a5be1f1 100644
--- a/frontend/src/apps/software_factory/projects/projects.css
+++ b/frontend/src/apps/software_factory/projects/projects.css
@@ -1,4 +1,4 @@
-.pj-refresh-error { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; color: var(--outcome-failed); }
+.pj-refresh-error { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; color: var(--danger); }
 .pj-refresh-error p { margin: 0; }
 
 .page-projects .page-shell-body { padding: var(--page-padding); }
@@ -11,69 +11,69 @@
 .pj-project-head h2 { margin: 0; min-width: 0; }
 .pj-disclosure { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 4px; text-align: left; font-size: 32px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.25; }
 .pj-disclosure span { overflow-wrap: anywhere; }
-.pj-disclosure svg { flex-shrink: 0; color: var(--text-dim); transition: transform 140ms ease-out; }
+.pj-disclosure svg { flex-shrink: 0; color: var(--text-tertiary); transition: transform 140ms ease-out; }
 .pj-disclosure[aria-expanded="false"] svg { transform: rotate(-90deg); }
-.pj-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 4px; color: var(--text-dim); cursor: pointer; }
+.pj-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 4px; color: var(--text-tertiary); cursor: pointer; }
 .pj-icon-button:hover { background: var(--surface-2); color: var(--text); }
 .pj-actions { position: relative; flex-shrink: 0; }
 .pj-actions summary { list-style: none; }
 .pj-actions summary::-webkit-details-marker { display: none; }
 .pj-actions[open] summary { background: var(--surface-2); }
-.pj-action-list { position: absolute; right: 0; top: calc(100% + 4px); z-index: 10; width: 192px; padding: 6px; border: 1px solid var(--border-loud); border-radius: 6px; background: var(--surface-3); }
-.pj-action-list button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border-radius: 3px; text-align: left; font-size: 14px; color: var(--text-mid); }
+.pj-action-list { position: absolute; right: 0; top: calc(100% + 4px); z-index: 10; width: 192px; padding: 6px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-3); }
+.pj-action-list button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border-radius: 3px; text-align: left; font-size: 14px; color: var(--text-secondary); }
 .pj-action-list button:hover { color: var(--text); background: var(--surface-2); }
-.pj-action-list .pj-danger { color: var(--outcome-failed); border-top: 1px solid var(--border); border-radius: 0; margin-top: 4px; }
-.pj-repos { border-top: 1px solid var(--border-loud); }
+.pj-action-list .pj-danger { color: var(--danger); border-top: 1px solid var(--border); border-radius: 0; margin-top: 4px; }
+.pj-repos { border-top: 1px solid var(--border-soft); }
 .pj-repo { border-bottom: 1px solid var(--border-soft); }
 .pj-repo-row { display: grid; grid-template-columns: var(--pj-repo-column) minmax(0, 1fr) auto; gap: 28px; align-items: center; width: 100%; min-height: 56px; padding: 16px 4px; text-align: left; }
 .pj-repo-row:hover { background: var(--surface); }
 .pj-repo-row[aria-expanded="true"] .pj-repo-name { color: var(--accent); }
 .pj-repo-name { min-width: 0; font-family: var(--font-mono); font-size: 14px; overflow-wrap: anywhere; }
-.pj-repo-org { color: var(--text-faint); }
-.pj-repo-purpose { font-size: 15px; line-height: 1.5; color: var(--text-mid); overflow-wrap: anywhere; }
-.pj-profile-status { display: inline-flex; align-items: center; gap: 8px; justify-self: end; color: var(--text-dim); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
-.pj-profile-status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--text-faint); }
-.pj-profile-status[data-state="ready"]::before { background: var(--outcome-merged); }
-.pj-profile-status[data-state="running"]::before { background: var(--bucket-run); }
-.pj-profile-status[data-state="failed"] { color: var(--outcome-failed); }
+.pj-repo-org { color: var(--text-tertiary); }
+.pj-repo-purpose { font-size: 15px; line-height: 1.5; color: var(--text-secondary); overflow-wrap: anywhere; }
+.pj-profile-status { display: inline-flex; align-items: center; gap: 8px; justify-self: end; color: var(--text-tertiary); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
+.pj-profile-status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--text-tertiary); }
+.pj-profile-status[data-state="ready"]::before { background: var(--success); }
+.pj-profile-status[data-state="running"]::before { background: var(--info); }
+.pj-profile-status[data-state="failed"] { color: var(--danger); }
 .pj-profile-status[data-state="failed"]::before { background: currentColor; }
 .pj-repo-details { display: grid; grid-template-columns: var(--pj-repo-column) minmax(0, 1fr); gap: 28px; padding: 16px 4px 36px; }
 .pj-repo-rail { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
 .pj-profile-facts { display: grid; gap: 16px; margin: 0; }
-.pj-profile-facts dt, .pj-profile-line h3 { font-family: var(--font-mono); font-size: 11px; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-faint); }
-.pj-profile-facts dd { margin: 4px 0 0; font-family: var(--font-mono); font-size: 13px; color: var(--text-mid); }
+.pj-profile-facts dt, .pj-profile-line h3 { font-family: var(--font-mono); font-size: 11px; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-tertiary); }
+.pj-profile-facts dd { margin: 4px 0 0; font-family: var(--font-mono); font-size: 13px; color: var(--text-secondary); }
 .pj-repo-actions { display: flex; flex-wrap: wrap; gap: 8px; }
 .pj-profile-content { display: grid; align-content: start; gap: 28px; min-width: 0; }
 .pj-profile-content p { margin: 0; }
-.pj-profile-summary { max-width: 72ch; font-size: 15px; line-height: 1.7; color: var(--text-mid); overflow-wrap: anywhere; }
+.pj-profile-summary { max-width: 72ch; font-size: 15px; line-height: 1.7; color: var(--text-secondary); overflow-wrap: anywhere; }
 .pj-profile-line { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 20px; align-items: baseline; }
 .pj-profile-line h3 { margin: 0; }
-.pj-profile-line p { font-size: 13px; line-height: 1.8; color: var(--text-mid); overflow-wrap: anywhere; }
+.pj-profile-line p { font-size: 13px; line-height: 1.8; color: var(--text-secondary); overflow-wrap: anywhere; }
 .pj-profile-commands { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0 0 0 16px; border-left: 1px solid var(--border); }
 .pj-profile-commands li { display: flex; gap: 12px; min-width: 0; }
-.pj-profile-commands li::before { content: '$'; color: var(--text-faint); font-family: var(--font-mono); font-size: 13px; }
-.pj-profile-commands code { font-family: var(--font-mono); font-size: 13px; color: var(--text-mid); overflow-wrap: anywhere; white-space: pre-wrap; }
-.pj-text-button { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; margin-top: 4px; font-size: 13px; color: var(--text-dim); }
+.pj-profile-commands li::before { content: '$'; color: var(--text-tertiary); font-family: var(--font-mono); font-size: 13px; }
+.pj-profile-commands code { font-family: var(--font-mono); font-size: 13px; color: var(--text-secondary); overflow-wrap: anywhere; white-space: pre-wrap; }
+.pj-text-button { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; margin-top: 4px; font-size: 13px; color: var(--text-tertiary); }
 .pj-text-button:hover { color: var(--text); }
 .pj-text-button[aria-expanded="true"] svg { transform: rotate(180deg); }
-.pj-muted { color: var(--text-faint); }
-.pj-error { color: var(--outcome-failed); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
-.pj-empty-project { border-top: 1px solid var(--border); padding: 24px 4px; color: var(--text-mid); }
+.pj-muted { color: var(--text-tertiary); }
+.pj-error { color: var(--danger); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
+.pj-empty-project { border-top: 1px solid var(--border); padding: 24px 4px; color: var(--text-secondary); }
 .pj-empty-project p { margin: 0 0 16px; }
 .pj-purpose-form { display: grid; gap: 12px; }
 .pj-form-actions { display: flex; flex-wrap: wrap; gap: 8px; }
-.pj-field { display: grid; gap: 8px; color: var(--text-mid); font-size: 14px; }
-.pj-dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; margin: auto; border: 1px solid var(--border-loud); border-radius: 6px; background: var(--surface); color: var(--text); overflow: auto; }
-.pj-dialog::backdrop { background: rgb(3 5 9 / 0.75); }
+.pj-field { display: grid; gap: 8px; color: var(--text-secondary); font-size: 14px; }
+.pj-dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; margin: auto; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--text); overflow: auto; }
+.pj-dialog::backdrop { background: var(--scrim); }
 .pj-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border); }
 .pj-dialog-head h2 { margin: 0; font-size: 18px; font-weight: 500; overflow-wrap: anywhere; }
 .pj-dialog-head .pj-icon-button { flex-shrink: 0; }
 .pj-dialog-body { display: grid; gap: 20px; padding: 24px; }
-.pj-dialog-body p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-mid); }
-.pj-dialog-body .pj-error { color: var(--outcome-failed); }
+.pj-dialog-body p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-secondary); }
+.pj-dialog-body .pj-error { color: var(--danger); }
 .pj-dialog-foot { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 24px; background: var(--surface-2); border-top: 1px solid var(--border); }
 .pj-repo-choices { min-width: 0; max-height: 280px; overflow: auto; border: 0; padding: 0; margin: 0; }
-.pj-repo-choices legend { color: var(--text-dim); font-size: 14px; margin-bottom: 12px; }
+.pj-repo-choices legend { color: var(--text-tertiary); font-size: 14px; margin-bottom: 12px; }
 .pj-repo-choice { display: flex; align-items: center; gap: 12px; padding: 12px 8px; border-radius: 3px; cursor: pointer; }
 .pj-repo-choice:hover, .pj-repo-choice:has(:checked) { background: var(--surface-2); }
 .pj-repo-choice input { flex-shrink: 0; accent-color: var(--accent); }
diff --git a/frontend/src/chat.css b/frontend/src/chat.css
index 20c542998..a73a86319 100644
--- a/frontend/src/chat.css
+++ b/frontend/src/chat.css
@@ -1,5 +1,4 @@
 .page-chat {
-  --chat-accent: #83d8b8;
   --chat-gutter: clamp(20px, 3vw, 40px);
 }
 
@@ -14,61 +13,61 @@
 .chat-list { background: var(--surface); border-right: 1px solid var(--border); }
 .chat-thread { grid-column: 2; }
 .chat-list-head { display: flex; align-items: center; gap: 8px; padding: 12px; flex-shrink: 0; }
-.chat-search { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; padding: 0 10px; border: 1px solid var(--border-loud); border-radius: 6px; color: var(--text-dim); }
+.chat-search { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; padding: 0 10px; border: 1px solid var(--border-strong); border-radius: 6px; background: var(--input); color: var(--text-tertiary); }
 .chat-search svg { flex-shrink: 0; }
 .chat-search input { width: 100%; min-width: 0; height: 36px; border: 0; background: transparent; color: var(--text); font: inherit; font-size: 13px; }
-.chat-search input::placeholder { color: var(--text-dim); }
-.chat-search:focus-within { outline: 2px solid var(--chat-accent); outline-offset: 2px; }
+.chat-search input::placeholder { color: var(--text-tertiary); }
+.chat-search:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
 .page-chat .chat-search input:focus-visible { outline: none; }
 .chat-list-body { flex: 1; min-height: 0; overflow-y: auto; padding: 0 8px; }
-.chat-day { display: flex; align-items: center; gap: 12px; margin: 24px 10px 8px; color: var(--text-dim); font-size: 12px; font-weight: 500; }
+.chat-day { display: flex; align-items: center; gap: 12px; margin: 24px 10px 8px; color: var(--text-tertiary); font-size: 12px; font-weight: 500; }
 .chat-day::after { content: ''; flex: 1; height: 1px; background: var(--border); }
 .chat-list-row { position: relative; border: 1px solid transparent; border-radius: 6px; }
 .chat-list-row:hover { background: var(--surface-2); }
-.chat-list-row[data-selected="true"] { background: var(--surface-3); border-color: var(--border-loud); }
-.chat-list-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 8px; padding: 10px 12px; color: var(--text-mid); text-decoration: none; border-radius: 6px; }
+.chat-list-row[data-selected="true"] { background: var(--surface-3); border-color: var(--border); }
+.chat-list-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 8px; padding: 10px 12px; color: var(--text-secondary); text-decoration: none; border-radius: 6px; }
 .chat-list-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
 .chat-list-item[aria-current="page"] .chat-list-title { color: var(--text); }
 .chat-list-item time { font-family: var(--font-mono); font-size: 11px; font-variant-numeric: tabular-nums; align-self: center; }
-.chat-list-status { display: flex; align-items: center; gap: 8px; grid-column: 1 / -1; padding-right: 30px; color: var(--text-dim); font-size: 12px; }
+.chat-list-status { display: flex; align-items: center; gap: 8px; grid-column: 1 / -1; padding-right: 30px; color: var(--text-tertiary); font-size: 12px; }
 .chat-list-row > .chat-pin { position: absolute; right: 2px; bottom: 0; width: 30px; min-height: 30px; opacity: 0; }
 .chat-list-row:hover > .chat-pin, .chat-list-row:focus-within > .chat-pin, .chat-list-row > .chat-pin[aria-pressed="true"] { opacity: 1; }
 
-.chat-button, .chat-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; flex-shrink: 0; border-radius: 6px; color: var(--text-mid); text-decoration: none; font: inherit; line-height: 1.25; transition: background-color 150ms ease-out, color 150ms ease-out; }
-.chat-button { padding: 7px 12px; border: 1px solid var(--border-loud); background: var(--surface); font-size: 13px; }
+.chat-button, .chat-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; flex-shrink: 0; border-radius: 6px; color: var(--text-secondary); text-decoration: none; font: inherit; line-height: 1.25; transition: background-color 150ms ease-out, color 150ms ease-out; }
+.chat-button { padding: 7px 12px; border: 1px solid var(--border-strong); background: var(--surface); font-size: 13px; }
 .chat-icon-button { width: 36px; padding: 8px; }
 .chat-button:hover, .chat-icon-button:hover { background: var(--surface-3); color: var(--text); }
 .chat-icon-button:active, .chat-button:active { background: var(--surface-2); }
 .chat-button:disabled, .chat-icon-button:disabled { opacity: .5; cursor: not-allowed; }
-.chat-new, .chat-send:not(:disabled) { background: var(--chat-accent); color: var(--bg); }
-.chat-new:hover, .chat-send:not(:disabled):hover { background: color-mix(in srgb, var(--chat-accent) 85%, white); color: var(--bg); }
-.chat-send:disabled { background: var(--surface-3); color: var(--text-dim); }
-.chat-pin[aria-pressed="true"] { color: var(--chat-accent); }
-.page-chat :is(button, a, summary, textarea, input):focus-visible { outline: 2px solid var(--chat-accent); outline-offset: 2px; }
-.page-chat ::selection { background: color-mix(in srgb, var(--chat-accent) 28%, var(--surface)); color: var(--text); }
-.page-chat :is(textarea, input) { caret-color: var(--chat-accent); }
-.page-chat :is(.chat-list-body, .chat-messages, pre, textarea) { scrollbar-width: thin; scrollbar-color: var(--border-loud) transparent; }
+.chat-new, .chat-send:not(:disabled) { background: var(--accent); color: var(--on-accent); }
+.chat-new:hover, .chat-send:not(:disabled):hover { background: color-mix(in oklch, var(--accent) 92%, var(--on-accent)); color: var(--on-accent); }
+
+.chat-send:disabled { background: var(--surface-3); color: var(--text-tertiary); }
+.chat-pin[aria-pressed="true"] { color: var(--text-tertiary); }
+.page-chat :is(button, a, summary, textarea, input):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.page-chat :is(textarea, input) { caret-color: var(--accent); }
+.page-chat :is(.chat-list-body, .chat-messages, pre, textarea) { scrollbar-width: thin; scrollbar-color: var(--border-soft) transparent; }
 .chat-back { display: none; }
 .chat-thread-head { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 12px var(--chat-gutter); border-bottom: 1px solid var(--border); flex-shrink: 0; }
 .chat-thread-title { min-width: 0; flex: 1; }
 .chat-thread-title h1 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; line-height: 1.5; font-weight: 500; }
-.chat-thread-title p { margin: 2px 0 0; color: var(--text-dim); font-family: var(--font-mono); font-size: 11px; line-height: 1.5; }
+.chat-thread-title p { margin: 2px 0 0; color: var(--text-tertiary); font-family: var(--font-mono); font-size: 11px; line-height: 1.5; }
 .chat-thread-title p > span { margin-inline: 5px; }
-.chat-connection { color: var(--text-mid); font-size: 12px; }
+.chat-connection { color: var(--text-secondary); font-size: 12px; }
 .chat-messages { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; }
 .chat-messages[hidden] { display: none; }
 .chat-messages-content { display: flex; flex-direction: column; justify-content: flex-end; min-height: 100%; padding: 24px var(--chat-gutter) 12px; }
 .chat-turn + .chat-turn { margin-top: 28px; }
 .chat-user { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
-.chat-message-meta { display: flex; align-items: center; gap: 10px; color: var(--text-dim); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
+.chat-message-meta { display: flex; align-items: center; gap: 10px; color: var(--text-tertiary); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
 .chat-message-meta time { font-family: var(--font-mono); letter-spacing: 0; font-variant-numeric: tabular-nums; }
-.chat-agent-meta { color: var(--chat-accent); }
-.chat-agent-meta time { color: var(--text-dim); }
-.chat-user-body { max-width: 75ch; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text-mid); }
+.chat-agent-meta { color: var(--text-tertiary); }
+.chat-agent-meta time { color: var(--text-tertiary); }
+.chat-user-body { max-width: 75ch; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text-secondary); }
 .chat-user-transcript { font-style: italic; }
-.chat-user.is-internal .chat-message-meta { color: var(--chat-accent); }
-.chat-user > a { color: var(--chat-accent); text-underline-offset: 3px; overflow-wrap: anywhere; }
-.chat-queued { font-size: 12px; color: var(--text-mid); border: 1px solid var(--border-loud); border-radius: 4px; padding: 3px 8px; }
+.chat-user.is-internal .chat-message-meta { color: var(--text-tertiary); }
+.chat-user > a { color: var(--accent); text-underline-offset: 3px; overflow-wrap: anywhere; }
+.chat-queued { font-size: 12px; color: var(--text-secondary); border: 1px solid var(--border); border-radius: 4px; padding: 3px 8px; }
 .chat-reply { display: flex; flex-direction: column; gap: 12px; margin-top: 26px; min-width: 0; line-height: 1.65; }
 .chat-reply:empty { display: none; }
 .chat-reply .markdown-content { max-width: 75ch; min-width: 0; overflow-wrap: anywhere; }
@@ -77,13 +76,13 @@
 .chat-reply .markdown-content pre { max-width: 100%; overflow: auto; }
 .chat-reply .markdown-content table { display: block; max-width: 100%; overflow: auto; overflow-wrap: normal; }
 .chat-reply .markdown-content img { max-width: 100%; }
-.chat-reply .markdown-content a { color: var(--chat-accent); text-underline-offset: 3px; }
-.chat-waiting { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 13px; color: var(--text-mid); }
-.chat-activity-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--chat-accent); flex-shrink: 0; animation: chat-pulse 1.8s ease-in-out infinite; }
+.chat-reply .markdown-content a { color: var(--accent); text-underline-offset: 3px; }
+.chat-waiting { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 13px; color: var(--text-secondary); }
+.chat-activity-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--info); flex-shrink: 0; animation: chat-pulse 1.8s ease-in-out infinite; }
 @keyframes chat-pulse { 50% { opacity: .35; } }
-.chat-notice { color: var(--text-mid); padding: 16px 12px; font-size: 14px; }
+.chat-notice { color: var(--text-secondary); padding: 16px 12px; font-size: 14px; }
 .chat-notice p { margin-top: 0; }
-.chat-tool { border: 1px solid var(--border-loud); border-radius: 6px; overflow: hidden; }
+.chat-tool { border: 1px solid var(--border); border-radius: 6px; overflow: hidden; }
 .chat-tool summary { display: flex; align-items: center; gap: 12px; padding: 12px 16px; cursor: pointer; list-style: none; background: var(--surface); }
 .chat-tool summary::-webkit-details-marker { display: none; }
 .chat-tool summary:hover { background: var(--surface-2); }
@@ -91,44 +90,44 @@
 .chat-tool-chevron { flex-shrink: 0; transition: transform 150ms ease-out; }
 .chat-tool[open] .chat-tool-chevron { transform: rotate(90deg); }
 .chat-tool-label { min-width: 0; overflow-wrap: anywhere; line-height: 1.4; }
-.chat-tool-status { display: flex; align-items: center; gap: 5px; margin-left: auto; flex-shrink: 0; color: var(--text-mid); font-size: 13px; }
-.chat-tool-status.is-completed { color: var(--outcome-merged); }
-.chat-tool-status.is-failed { color: var(--outcome-failed); }
+.chat-tool-status { display: flex; align-items: center; gap: 5px; margin-left: auto; flex-shrink: 0; color: var(--text-secondary); font-size: 13px; }
+.chat-tool-status.is-completed { color: var(--success); }
+.chat-tool-status.is-failed { color: var(--danger); }
 .chat-tool-details { padding: 14px 16px; border-top: 1px solid var(--border); }
 .chat-tool-details h3 { margin: 0 0 6px; font-size: 13px; font-weight: 500; }
 .chat-tool-details pre { margin: 0 0 14px; padding: 12px; background: var(--surface); border-radius: 4px; font-family: var(--font-mono); font-size: 12px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 320px; overflow: auto; }
 .chat-tool-details pre:last-child, .chat-tool-details p:last-child { margin-bottom: 0; }
-.chat-tool-details p { color: var(--text-mid); font-size: 13px; }
+.chat-tool-details p { color: var(--text-secondary); font-size: 13px; }
 .chat-plan { margin: 0; padding-left: 22px; }
 .chat-plan li { padding: 3px 0; }
-.chat-plan-status { margin-left: 12px; font-size: 12px; color: var(--text-mid); }
-.chat-plan li[data-state="completed"] .chat-plan-status { color: var(--outcome-merged); }
+.chat-plan-status { margin-left: 12px; font-size: 12px; color: var(--text-secondary); }
+.chat-plan li[data-state="completed"] .chat-plan-status { color: var(--success); }
 .chat-interrupted { font-size: 14px; }
-.chat-interrupted strong { font-weight: 500; color: var(--accent-amber); }
-.chat-interrupted p { margin: 4px 0 12px; color: var(--text-mid); }
-.chat-interrupted > span { display: block; margin-top: 10px; color: var(--text-mid); font-size: 12px; }
+.chat-interrupted strong { font-weight: 500; color: var(--warning); }
+.chat-interrupted p { margin: 4px 0 12px; color: var(--text-secondary); }
+.chat-interrupted > span { display: block; margin-top: 10px; color: var(--text-secondary); font-size: 12px; }
 .chat-jump { display: flex; justify-content: center; padding: 6px 0; }
-.chat-error { margin: 0 var(--chat-gutter) 12px; color: var(--outcome-failed); font-size: 14px; }
+.chat-error { margin: 0 var(--chat-gutter) 12px; color: var(--danger); font-size: 14px; }
 .chat-error p { margin: 0 0 8px; }
-.chat-pin-error { display: flex; align-items: center; gap: 12px; grid-column: 1 / -1; grid-row: 1; padding: 10px 16px; color: var(--outcome-failed); border-bottom: 1px solid var(--border); font-size: 14px; }
+.chat-pin-error { display: flex; align-items: center; gap: 12px; grid-column: 1 / -1; grid-row: 1; padding: 10px 16px; color: var(--danger); border-bottom: 1px solid var(--border); font-size: 14px; }
 .chat-composer { padding: 10px var(--chat-gutter) 18px; flex-shrink: 0; }
-.chat-composer-controls { display: flex; align-items: flex-end; gap: 8px; padding: 8px; border: 1px solid var(--border-loud); border-radius: 10px; background: var(--surface); }
-.chat-composer-controls:focus-within { border-color: var(--chat-accent); }
+.chat-composer-controls { display: flex; align-items: flex-end; gap: 8px; padding: 8px; border: 1px solid var(--border-strong); border-radius: 10px; background: var(--surface); }
+.chat-composer-controls:focus-within { border-color: var(--accent); }
 .chat-composer textarea { flex: 1; width: 100%; min-width: 0; min-height: 36px; max-height: 180px; field-sizing: content; resize: vertical; padding: 6px 8px; border: 0; background: transparent; color: var(--text); font: inherit; line-height: 1.6; }
-.chat-composer textarea::placeholder { color: var(--text-dim); }
+.chat-composer textarea::placeholder { color: var(--text-tertiary); }
 .page-chat .chat-composer textarea:focus-visible { outline: none; }
 .chat-composer-actions { display: flex; align-items: center; gap: 8px; }
-.chat-composer > p { margin: 7px 0 0; color: var(--text-dim); font-size: 11px; text-align: right; }
+.chat-composer > p { margin: 7px 0 0; color: var(--text-tertiary); font-size: 11px; text-align: right; }
 .chat-thread.is-new { overflow-y: auto; }
 .chat-thread.is-new .chat-thread-head { border-bottom: 0; }
 .chat-intro { margin: clamp(16px, 5vh, 56px) var(--chat-gutter) 12px; max-width: 65ch; }
 .chat-intro h1 { margin: 0 0 12px; font-size: clamp(24px, 2.5vw, 30px); line-height: 1.2; font-weight: 500; letter-spacing: -.02em; text-wrap: balance; }
-.chat-intro p { margin: 0 0 8px; color: var(--text-mid); font-size: 15px; line-height: 1.65; }
+.chat-intro p { margin: 0 0 8px; color: var(--text-secondary); font-size: 15px; line-height: 1.65; }
 .chat-starters { margin: 0 var(--chat-gutter) 32px; }
-.chat-starters > button { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; min-height: 60px; padding: 16px 2px; border-top: 1px solid var(--border); text-align: left; color: var(--text-mid); font-size: 14px; line-height: 1.6; }
-.chat-starters > button:hover { color: var(--chat-accent); }
+.chat-starters > button { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; min-height: 60px; padding: 16px 2px; border-top: 1px solid var(--border); text-align: left; color: var(--text-secondary); font-size: 14px; line-height: 1.6; }
+.chat-starters > button:hover { color: var(--accent); }
 .chat-starters > button svg { flex-shrink: 0; }
-.chat-apps { border-top: 1px solid var(--border); margin: 0; padding-top: 16px; color: var(--text-dim); font-size: 12px; line-height: 1.65; }
+.chat-apps { border-top: 1px solid var(--border); margin: 0; padding-top: 16px; color: var(--text-tertiary); font-size: 12px; line-height: 1.65; }
 
 @media (max-width: 1100px) {
   .page-chat > .page-shell-body { grid-template-columns: 260px minmax(0, 1fr); }
diff --git a/frontend/src/command-center.css b/frontend/src/command-center.css
index f422bd35b..005026100 100644
--- a/frontend/src/command-center.css
+++ b/frontend/src/command-center.css
@@ -32,13 +32,13 @@
   overflow-wrap: anywhere;
 }
 
-.command-breadcrumb > span { color: var(--text-dim); }
+.command-breadcrumb > span { color: var(--text-tertiary); }
 .command-breadcrumb strong { font-weight: 500; }
-.command-app-settings { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; margin-left: 4px; border-radius: 5px; color: var(--text-mid); text-decoration: none; }
-.command-app-settings:visited { color: var(--text-mid); }
+.command-app-settings { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; margin-left: 4px; border-radius: 5px; color: var(--text-secondary); text-decoration: none; }
+.command-app-settings:visited { color: var(--text-secondary); }
 .command-app-settings:hover, .command-app-settings[aria-current="page"] { color: var(--text); background: var(--surface-3); }
 .command-utilities { display: flex; align-items: center; gap: 20px; margin-left: auto; flex-shrink: 0; }
-.command-timezone { color: var(--text-mid); }
+.command-timezone { color: var(--text-secondary); }
 .app-main { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
 
 .sidebar {
@@ -53,47 +53,46 @@
 }
 
 .sidebar-desktop { position: fixed; inset: 0 auto 0 0; z-index: 15; }
-.sidebar-brand { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0 10px 24px; font-size: 23px; font-weight: 600; letter-spacing: -0.04em; }
+.sidebar-brand { display: flex; align-items: center; min-height: 48px; margin: 0 4px 24px; }
 .sidebar-brand, .sidebar-brand:visited { color: var(--text); text-decoration: none; }
-.sidebar-brand .brand-glyph { width: 24px; height: 24px; }
 .sidebar-work { display: flex; flex-direction: column; gap: 3px; }
-.sidebar-link { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 9px 10px; border: 1px solid transparent; border-radius: 5px; color: var(--text-mid); text-decoration: none; font-size: 15px; text-align: left; }
-.sidebar-link:visited { color: var(--text-mid); }
+.sidebar-link { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 9px 10px; border: 1px solid transparent; border-radius: 5px; color: var(--text-secondary); text-decoration: none; font-size: 15px; text-align: left; }
+.sidebar-link:visited { color: var(--text-secondary); }
 .sidebar-link:hover { background: var(--surface-2); color: var(--text); }
-.sidebar-link[aria-current="page"] { color: var(--text); background: var(--surface-3); border-color: var(--border-loud); }
+.sidebar-link[aria-current="page"] { color: var(--text); background: var(--surface-3); border-color: var(--border); }
 .sidebar-link[aria-current="page"] > svg { color: var(--text); }
 .sidebar-link > svg { flex-shrink: 0; }
 .sidebar-link > span { min-width: 0; overflow-wrap: anywhere; }
 .sidebar-apps { display: flex; flex: 1; flex-direction: column; min-height: 0; margin-top: 16px; }
-.sidebar-group-title { display: flex; align-items: baseline; justify-content: space-between; padding: 0 10px 8px; color: var(--text-dim); font-size: 13px; }
-.sidebar-search { display: flex; flex: 0 0 auto; align-items: center; min-height: 40px; gap: 8px; padding: 0 10px; margin-bottom: 8px; border: 1px solid var(--border-loud); border-radius: 5px; background: var(--bg); color: var(--text-dim); }
-.sidebar-search:focus-within { outline: 2px solid var(--text-mid); outline-offset: 2px; }
+.sidebar-group-title { display: flex; align-items: baseline; justify-content: space-between; padding: 0 10px 8px; color: var(--text-tertiary); font-size: 13px; }
+.sidebar-search { display: flex; flex: 0 0 auto; align-items: center; min-height: 40px; gap: 8px; padding: 0 10px; margin-bottom: 8px; border: 1px solid var(--border-strong); border-radius: 5px; background: var(--input); color: var(--text-tertiary); }
+.sidebar-search:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
 .sidebar-search > svg { flex-shrink: 0; }
 .sidebar-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; padding: 8px 0; }
-.sidebar-search input::placeholder { color: var(--text-dim); }
-.sidebar-app-list { display: flex; flex-direction: column; gap: 2px; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--border-loud) transparent; }
-.sidebar-message { margin: 12px 10px; color: var(--text-dim); font-size: 13px; overflow-wrap: anywhere; }
+.sidebar-search input::placeholder { color: var(--text-tertiary); }
+.sidebar-app-list { display: flex; flex-direction: column; gap: 2px; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--border-soft) transparent; }
+.sidebar-message { margin: 12px 10px; color: var(--text-tertiary); font-size: 13px; overflow-wrap: anywhere; }
 .sidebar-retry { text-decoration: underline; min-height: 44px; color: var(--text); }
 .sidebar-footer { padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--border); }
-.sidebar-account { flex: 0 0 auto; padding: 16px 10px 0; font-size: 13px; color: var(--text-mid); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.navigation-toggle, .navigation-close { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; color: var(--text-mid); border-radius: 5px; }
+.sidebar-account { flex: 0 0 auto; padding: 16px 10px 0; font-size: 13px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.navigation-toggle, .navigation-close { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; color: var(--text-secondary); border-radius: 5px; }
 .sidebar-drawer { inset: 0 auto 0 0; width: min(300px, calc(100vw - 44px)); height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: var(--surface); }
 .sidebar-drawer .sidebar { width: 100%; }
-.sidebar-drawer::backdrop { background: rgb(0 0 0 / 60%); }
+.sidebar-drawer::backdrop { background: var(--scrim); }
 
 .command-app-navigation { display: flex; flex: 0 0 auto; gap: 20px; padding: 0 var(--page-gutter); border-bottom: 1px solid var(--border); overflow-x: auto; scrollbar-width: thin; }
-.command-tab { display: inline-flex; align-items: center; min-height: 46px; padding: 8px 0; color: var(--text-dim); border-bottom: 2px solid transparent; text-decoration: none; text-transform: capitalize; white-space: nowrap; }
+.command-tab { display: inline-flex; align-items: center; min-height: 46px; padding: 8px 0; color: var(--text-tertiary); border-bottom: 2px solid transparent; text-decoration: none; text-transform: capitalize; white-space: nowrap; }
 .command-tab:hover, .command-tab[aria-current="page"] { color: var(--text); }
-.command-tab[aria-current="page"] { border-bottom-color: var(--text); }
+.command-tab[aria-current="page"] { border-bottom-color: var(--accent); }
 .skip-navigation { position: fixed; top: 8px; left: 8px; z-index: 100; transform: translateY(-200%); padding: 12px; background: var(--surface-3); color: var(--text); }
 .skip-navigation:focus { transform: none; }
-:is(.sidebar, .command-header, .command-app-navigation) :is(a, button, input):focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
+:is(.sidebar, .command-header, .command-app-navigation) :is(a, button, input):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
 .sidebar-search input:focus-visible { outline: none; }
 .command-center :is(.review-question legend, .review-option, .review-note, .review-btn, .ins-needs-body) { font-family: var(--font-sans); font-size: 15px; }
 .command-center :is(.review-artifact-title, .review-helper, .review-error, .review-recommended) { font-family: var(--font-sans); font-size: 13px; }
 .command-center .review-option { min-height: 44px; }
 .command-center .subject-run { font-family: var(--font-sans); }
-.command-center :is(.wic-op, .wic-call)[role="button"]:focus-visible { outline: 2px solid var(--text); outline-offset: -2px; }
+.command-center :is(.wic-op, .wic-call)[role="button"]:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
 
 @media (max-width: 1024px) {
   :root { --page-gutter: 24px; }
diff --git a/frontend/src/components/AuthedApp.tsx b/frontend/src/components/AuthedApp.tsx
index 36ea93dda..41825cc0c 100644
--- a/frontend/src/components/AuthedApp.tsx
+++ b/frontend/src/components/AuthedApp.tsx
@@ -27,7 +27,7 @@ function QueryCacheMount({ account }: { account: Account }) {
   )
   return (
     <QueryClientProvider client={queryClient}>
-      <UserPreferencesProvider>
+      <UserPreferencesProvider accountId={account.id}>
         <App account={account} />
       </UserPreferencesProvider>
     </QueryClientProvider>
diff --git a/frontend/src/components/ChatChannels.test.tsx b/frontend/src/components/ChatChannels.test.tsx
index bbb1631bb..c8bee98ec 100644
--- a/frontend/src/components/ChatChannels.test.tsx
+++ b/frontend/src/components/ChatChannels.test.tsx
@@ -4,6 +4,7 @@ import { cleanup, render, screen } from '@testing-library/react'
 import { afterEach, beforeEach, expect, it, vi } from 'vitest'
 import { Router } from 'wouter'
 
+import { UserPreferencesProvider } from '../lib/preferences'
 import { SettingsPages } from './SettingsPages'
 
 const account = { id: 'operator', username: 'ana@example.com', isDefault: true }
@@ -12,9 +13,9 @@ let channels = ['whatsapp']
 function mount(path: string, appName?: string) {
   window.history.replaceState(null, '', path)
   const client = new QueryClient({ defaultOptions: { queries: { retry: false } } })
-  render(<QueryClientProvider client={client}><Router>
+  render(<QueryClientProvider client={client}><UserPreferencesProvider accountId="operator"><Router>
     <SettingsPages account={account} returnTo="/chat" unsavedFormRef={createRef()} appName={appName} />
-  </Router></QueryClientProvider>)
+  </Router></UserPreferencesProvider></QueryClientProvider>)
 }
 
 beforeEach(() => {
@@ -28,7 +29,7 @@ beforeEach(() => {
       defaultHarness: 'claude', defaultModel: '', defaultBilling: 'subscription',
       defaultEffort: '', defaultTimeout: 1800, fastMode: false,
     }
-    if (url === '/api/settings/personal') response = { timezone: 'UTC', gateParkDestinationId: null, isTagRequired: false }
+    if (url === '/api/settings/personal') response = { timezone: 'UTC', theme: 'system', gateParkDestinationId: null, isTagRequired: false }
     if (url === '/api/settings/apps') response = {
       allowedEfforts: [], channels, apps: [{
         name: 'chat', description: 'Live agent conversations.', icon: 'messages-square',
diff --git a/frontend/src/components/SettingsPages.test.tsx b/frontend/src/components/SettingsPages.test.tsx
index 85a45b4e6..94e024209 100644
--- a/frontend/src/components/SettingsPages.test.tsx
+++ b/frontend/src/components/SettingsPages.test.tsx
@@ -4,6 +4,7 @@ import { afterEach, describe, expect, it, onTestFinished, vi } from 'vitest'
 
 import { App } from '../App'
 import { api } from '../api/client'
+import { UserPreferencesProvider } from '../lib/preferences'
 import { SETTINGS_FIELDS } from './settings'
 import type {
   AgentSetting,
@@ -145,6 +146,7 @@ const providerDirectory = [
 
 const patched: Record<string, unknown>[] = []
 const personalPatched: Record<string, unknown>[] = []
+let rejectPersonalPatch = false
 
 const appSettings: AppsSettingsResponse = {
   allowedEfforts: ['low', 'medium', 'high'],
@@ -342,12 +344,14 @@ function stubFetch(
       if (path === '/api/settings/personal') {
         const preferences = savedPersonal ?? {
           timezone: 'UTC',
+          theme: 'system',
           gateParkDestinationId: savedSettings.gateParkDestinationId,
           isTagRequired: false,
         }
         if (init?.method === 'PATCH') {
           const changes = JSON.parse(String(init.body))
           personalPatched.push(changes)
+          if (rejectPersonalPatch) return new Response('{}', { status: 503 })
           savedPersonal = { ...preferences, ...changes }
         }
         return new Response(JSON.stringify(savedPersonal ?? preferences), { status: 200 })
@@ -439,14 +443,17 @@ function stubFetch(
 
 function renderSettings(workPath?: string) {
   window.history.replaceState(null, '', workPath ?? '/settings/personal')
-  vi.stubGlobal(
-    'matchMedia',
-    vi.fn(() => ({ matches: true, addEventListener: vi.fn(), removeEventListener: vi.fn() })),
-  )
+  vi.stubGlobal('matchMedia', vi.fn(() => ({
+    matches: true,
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+  })))
   const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } })
   render(
     <QueryClientProvider client={queryClient}>
-      <App account={{ id: 'operator', username: 'operator@example.invalid', isDefault: true }} />
+      <UserPreferencesProvider accountId="operator">
+        <App account={{ id: 'operator', username: 'operator@example.invalid', isDefault: true }} />
+      </UserPreferencesProvider>
     </QueryClientProvider>,
   )
 }
@@ -457,6 +464,8 @@ afterEach(() => {
   vi.restoreAllMocks()
   patched.length = 0
   personalPatched.length = 0
+  rejectPersonalPatch = false
+  window.localStorage.removeItem('druks:theme:operator')
 })
 
 describe('SettingsPages app fields', () => {
@@ -837,6 +846,42 @@ describe('SettingsPages agents', () => {
 })
 
 describe('settings drafts and navigation', () => {
+  it('previews theme choices and persists them with Personal Settings', async () => {
+    stubFetch(false)
+    renderSettings('/settings/personal')
+
+    const theme = await screen.findByRole('combobox', { name: 'Theme' })
+    expect((theme as HTMLSelectElement).value).toBe('system')
+    expect(document.documentElement.dataset.theme).toBeUndefined()
+
+    fireEvent.change(theme, { target: { value: 'light' } })
+    await waitFor(() => expect(document.documentElement.dataset.theme).toBe('light'))
+    expect(document.documentElement.dataset.theme).toBe('light')
+    expect((theme as HTMLSelectElement).value).toBe('light')
+    expect(personalPatched).toEqual([])
+    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }))
+    await waitFor(() => expect(personalPatched).toEqual([{ theme: 'light' }]))
+
+    fireEvent.change(theme, { target: { value: 'dark' } })
+    await waitFor(() => expect(document.documentElement.dataset.theme).toBe('dark'))
+    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }))
+    await waitFor(() => expect(personalPatched).toEqual([{ theme: 'light' }, { theme: 'dark' }]))
+  })
+
+  it('keeps a failed theme save as a draft', async () => {
+    stubFetch(false)
+    rejectPersonalPatch = true
+    renderSettings('/settings/personal')
+
+    const theme = await screen.findByRole('combobox', { name: 'Theme' })
+    fireEvent.change(theme, { target: { value: 'dark' } })
+    fireEvent.click(screen.getByRole('button', { name: 'Save changes' }))
+
+    await screen.findByRole('alert')
+    expect(document.documentElement.dataset.theme).toBe('dark')
+    expect((theme as HTMLSelectElement).value).toBe('dark')
+  })
+
   it('keeps shared drafts across pages and saves only the current page', async () => {
     stubFetch(false)
     renderSettings()
@@ -989,7 +1034,7 @@ describe('settings resource and keyboard behavior', () => {
     expect(update).toHaveBeenCalledTimes(1)
     expect(update).toHaveBeenCalledWith({ timezone: 'Europe/Madrid' })
     await act(async () => {
-      finish({ timezone: 'Europe/Madrid', gateParkDestinationId: null, isTagRequired: false } as PersonalSettings)
+      finish({ timezone: 'Europe/Madrid', theme: 'system', gateParkDestinationId: null, isTagRequired: false } as PersonalSettings)
     })
     expect(
       (screen.getByRole('button', { name: 'Save changes' }) as HTMLButtonElement).disabled,
@@ -1035,7 +1080,9 @@ it('restores the work return URL when a settings fragment route reloads', async
     <QueryClientProvider
       client={new QueryClient({ defaultOptions: { queries: { retry: false } } })}
     >
-      <App account={{ id: 'operator', username: 'operator@example.invalid', isDefault: true }} />
+      <UserPreferencesProvider accountId="operator">
+        <App account={{ id: 'operator', username: 'operator@example.invalid', isDefault: true }} />
+      </UserPreferencesProvider>
     </QueryClientProvider>,
   )
   await screen.findByRole('combobox', { name: 'Timezone' })
@@ -1699,7 +1746,7 @@ it('focuses a personal field after preferences finish loading', async () => {
   renderSettings('/settings/personal?field=timezone')
   await screen.findByRole('heading', { name: 'Preferences' })
   expect(screen.queryByRole('combobox', { name: 'Timezone' })).toBeNull()
-  await act(async () => { finish({ timezone: 'UTC', gateParkDestinationId: null, isTagRequired: false }) })
+  await act(async () => { finish({ timezone: 'UTC', theme: 'system', gateParkDestinationId: null, isTagRequired: false }) })
   await waitFor(() => expect(document.activeElement?.id).toBe('personal-timezone'))
 })
 
diff --git a/frontend/src/components/SettingsPages.tsx b/frontend/src/components/SettingsPages.tsx
index a60e1ce5e..1aefa23d1 100644
--- a/frontend/src/components/SettingsPages.tsx
+++ b/frontend/src/components/SettingsPages.tsx
@@ -25,6 +25,7 @@ import { appLabel } from '../apps/registry'
 import { useTicker } from '../lib/useTicker'
 import { absTime } from '../lib/format'
 import { harnessColors } from '../lib/harnessColors'
+import { useThemePreference } from '../lib/preferences'
 import { Page } from './Page'
 import { Sidebar } from './Sidebar'
 import { BrowserProfilesPane } from './BrowserProfilesPane'
@@ -174,6 +175,8 @@ export function SettingsPages({
   const errorNotice = useRef<HTMLParagraphElement>(null)
   const effectiveDefaults = defaults ?? savedDefaults
   const personalTimezone = personalEdits.timezone ?? personalQuery.data?.timezone ?? 'UTC'
+  const { theme, previewTheme } = useThemePreference()
+  const personalTheme = personalEdits.theme ?? theme
   const personalChanges = Object.fromEntries(
     Object.entries(personalEdits).filter(([field, value]) =>
       value !== personalQuery.data?.[field as keyof UpdatePersonalSettingsRequest],
@@ -284,7 +287,10 @@ export function SettingsPages({
   }, [dirtyPages.length])
 
   function discard(page: string) {
-    if (page === 'personal') setPersonalEdits({})
+    if (page === 'personal') {
+      setPersonalEdits({})
+      previewTheme(null)
+    }
     else if (page === 'agents') setDefaults(null)
     else
       setAppEdits((current) => {
@@ -691,6 +697,11 @@ export function SettingsPages({
                 <PreferencesPane
                   timezone={personalTimezone}
                   setTimezone={(value) => setPersonalEdits((current) => ({ ...current, timezone: value }))}
+                  theme={personalTheme}
+                  setTheme={(value) => {
+                    setPersonalEdits((current) => ({ ...current, theme: value }))
+                    previewTheme(value)
+                  }}
                   timezones={timezones}
                   clock={clock}
                   busy={saving}
diff --git a/frontend/src/components/SettingsPanes.tsx b/frontend/src/components/SettingsPanes.tsx
index 20e07aa6d..8f8c25af6 100644
--- a/frontend/src/components/SettingsPanes.tsx
+++ b/frontend/src/components/SettingsPanes.tsx
@@ -25,6 +25,7 @@ import {
   type Billing,
   type McpServer,
   type Pat,
+  type PersonalSettings,
   type Provider,
   type ProviderCatalog,
   type ProviderDirectoryEntry,
@@ -428,12 +429,16 @@ function InheritCell({
 export function PreferencesPane({
   timezone,
   setTimezone,
+  theme,
+  setTheme,
   timezones,
   clock,
   busy,
 }: {
   timezone: string
   setTimezone: (timezone: string) => void
+  theme: PersonalSettings['theme']
+  setTheme: (theme: PersonalSettings['theme']) => void
   timezones: string[]
   clock: string
   busy: boolean
@@ -469,6 +474,24 @@ export function PreferencesPane({
           </span>
         </div>
       </div>
+      <div className="set-group">
+        <label className="set-group-label" htmlFor="personal-theme">
+          Theme
+        </label>
+        <div className="set-field" style={{ maxWidth: 320 }}>
+          <select
+            id="personal-theme"
+            className="set-select"
+            value={theme}
+            onChange={(event) => setTheme(event.target.value as PersonalSettings['theme'])}
+            disabled={busy}
+          >
+            <option value="system">System</option>
+            <option value="light">Light</option>
+            <option value="dark">Dark</option>
+          </select>
+        </div>
+      </div>
     </div>
   )
 }
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index c690d2b06..c42c8d57f 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -32,9 +32,9 @@ export function Sidebar({
 
   const content = (
     <>
-      <Link href={home} className="sidebar-brand" aria-label="Druks home">
-        <span className="brand-glyph" aria-hidden="true" />
-        <span>druks</span>
+      <Link href={home} className="sidebar-brand brand-lockup" aria-label="Druks home">
+        <span className="brand-lockup-mark" aria-hidden="true" />
+        <span>Druks</span>
       </Link>
       {children}
       <div className="sidebar-account" title={account.username}>
diff --git a/frontend/src/components/SlackPane.test.tsx b/frontend/src/components/SlackPane.test.tsx
index 4d12abf2d..19278a601 100644
--- a/frontend/src/components/SlackPane.test.tsx
+++ b/frontend/src/components/SlackPane.test.tsx
@@ -6,7 +6,7 @@ import { SlackPane } from './SlackPane'
 
 const slack = { slug: 'slack', title: 'Slack', connected: true, facts: { team: 'Acme', bot_name: 'druks' } }
 const ana = { id: 'grant-1', provider: 'slack', identity: { subject: 'U100', name: 'ana' }, revokedAt: null }
-const personal = { timezone: 'UTC', gateParkDestinationId: null, isTagRequired: false }
+const personal = { timezone: 'UTC', theme: 'system' as const, gateParkDestinationId: null, isTagRequired: false }
 
 function renderPane(connections: object[]) {
   const fetchMock = vi.fn(async (url: string, request?: RequestInit) => {
diff --git a/frontend/src/components/UsagePanel.test.tsx b/frontend/src/components/UsagePanel.test.tsx
index 11b5f0cd3..8bf1a83e5 100644
--- a/frontend/src/components/UsagePanel.test.tsx
+++ b/frontend/src/components/UsagePanel.test.tsx
@@ -57,7 +57,10 @@ const today: UsageTodayResponse = {
   providers: [],
 }
 
-function stubFetch(summary: UsageResponse = usage, usageHistory: UsageHistoryResponse = history) {
+function stubFetch(
+  summary: UsageResponse = usage,
+  usageHistory: UsageHistoryResponse = history,
+) {
   vi.stubGlobal(
     'fetch',
     vi.fn<(url: string) => Promise<Response>>(async (url) => {
diff --git a/frontend/src/components/UsagePanel.tsx b/frontend/src/components/UsagePanel.tsx
index 2fc2f76e8..2959dce9a 100644
--- a/frontend/src/components/UsagePanel.tsx
+++ b/frontend/src/components/UsagePanel.tsx
@@ -54,7 +54,7 @@ export function UsagePanel() {
   }))
   const ages = providers.map((h) => h.ageSeconds).filter((v): v is number => v !== null)
   const updatedLabel = ages.length > 0 ? `updated ${formatAge(Math.min(...ages))} ago` : ''
-  const harnessColor = harnessColors(providers.map((h) => h.id))
+  const harnessColor = harnessColors(providers.map((provider) => provider.id))
 
   return (
     <section className="us-col">
@@ -519,10 +519,10 @@ function Spark({ data, tone, id }: { data: number[]; tone: UsageTone; id: string
   const area = `${line} L${x(n - 1).toFixed(1)} ${h} L${x(0).toFixed(1)} ${h} Z`
   const color =
     tone === 'crit'
-      ? 'var(--bucket-dead)'
+      ? 'var(--danger)'
       : tone === 'warn'
-        ? 'var(--decision-request-revision)'
-        : 'var(--outcome-merged)'
+        ? 'var(--warning)'
+        : 'var(--success)'
   const gid = `us-sg-${id}`
   return (
     <svg className="us-spark" viewBox={`0 0 ${w} ${h}`} preserveAspectRatio="none">
@@ -543,7 +543,7 @@ function Spark({ data, tone, id }: { data: number[]; tone: UsageTone; id: string
 function TodaySection({ today }: { today: UsageTodayResponse }) {
   const totalSpend = today.providers.reduce((sum, h) => sum + h.spendUsd, 0)
   const totalTokens = today.providers.reduce((sum, h) => sum + h.tokens, 0)
-  const harnessColor = harnessColors(today.providers.map((h) => h.id))
+  const harnessColor = harnessColors(today.providers.map((provider) => provider.id))
 
   return (
     <>
diff --git a/frontend/src/dashboard.css b/frontend/src/dashboard.css
index b039518ea..495d985b4 100644
--- a/frontend/src/dashboard.css
+++ b/frontend/src/dashboard.css
@@ -1,38 +1,38 @@
 .dashboard .page-shell-body { width: min(100%, 1040px); margin-inline: auto; padding-block: 12px 40px; }
 .dashboard-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
 .dashboard h1 { margin: 0 0 10px; font-size: 32px; font-weight: 500; letter-spacing: -.02em; }
-.dashboard-head p { margin: 0; color: var(--text-mid); font-size: 17px; }
-.dashboard-filter { min-height: 44px; max-width: 240px; padding: 0 12px; border: 1px solid var(--border-loud); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; }
-.dashboard-alert { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin: 24px 0 0; color: var(--outcome-failed); }
+.dashboard-head p { margin: 0; color: var(--text-secondary); font-size: 17px; }
+.dashboard-filter { min-height: 44px; max-width: 240px; padding: 0 12px; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--input); color: var(--text); font: inherit; }
+.dashboard-alert { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin: 24px 0 0; color: var(--danger); }
 .dashboard-alert button { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--text); text-decoration: underline; }
 .dashboard-alert button:disabled { cursor: wait; opacity: .6; }
 .dashboard-primary { display: flex; flex-direction: column; gap: 12px; margin-top: 36px; }
-.dashboard-card { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 24px; align-items: center; min-height: 124px; padding: 24px; border: 1px solid var(--border-loud); border-radius: 14px; background: var(--surface); }
-.dashboard-app-mark { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 12px; background: var(--surface-2); color: var(--text-mid); font-size: 16px; font-weight: 500; }
-.dashboard-card-failed .dashboard-app-mark { background: color-mix(in oklch, var(--outcome-failed) 10%, var(--surface)); color: color-mix(in oklch, var(--outcome-failed) 65%, var(--text-mid)); }
+.dashboard-card { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 24px; align-items: center; min-height: 124px; padding: 24px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
+.dashboard-app-mark { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 12px; background: var(--surface-2); color: var(--text-secondary); font-size: 16px; font-weight: 500; }
+.dashboard-card-failed .dashboard-app-mark { background: color-mix(in oklch, var(--danger) 10%, var(--surface)); color: color-mix(in oklch, var(--danger) 65%, var(--text-secondary)); }
 .dashboard-identity { min-width: 0; overflow-wrap: anywhere; }
 .dashboard h2 { margin: 0; font-size: 17px; font-weight: 500; }
-.dashboard-identity p { margin: 6px 0 0; color: var(--text-mid); }
-.dashboard-identity .dashboard-meta { margin-top: 10px; color: var(--text-dim); font-size: 14px; }
+.dashboard-identity p { margin: 6px 0 0; color: var(--text-secondary); }
+.dashboard-identity .dashboard-meta { margin-top: 10px; color: var(--text-tertiary); font-size: 14px; }
 .dashboard-failure { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: pre-wrap; }
-.dashboard-action { display: inline-flex; align-items: center; justify-content: center; min-width: 106px; min-height: 44px; padding: 0 20px; color: var(--text); text-decoration: none; border: 1px solid var(--border-loud); border-radius: 999px; background: var(--surface-2); }
+.dashboard-action { display: inline-flex; align-items: center; justify-content: center; min-width: 106px; min-height: 44px; padding: 0 20px; color: var(--text); text-decoration: none; border: 1px solid var(--border-strong); border-radius: 999px; background: var(--surface-2); }
 .dashboard-action:hover { background: var(--surface-3); }
-.dashboard-action.primary { color: color-mix(in oklch, var(--accent-amber) 60%, var(--text)); background: color-mix(in oklch, var(--accent-amber) 12%, var(--surface)); border-color: color-mix(in oklch, var(--accent-amber) 40%, var(--border)); }
-.dashboard-action.primary:hover { background: color-mix(in oklch, var(--accent-amber) 20%, var(--surface)); }
-.dashboard :is(a, button, select):focus-visible { outline: 2px solid var(--text); outline-offset: 4px; }
-.dashboard-unavailable { max-width: 130px; color: var(--text-dim); font-size: 13px; }
-.dashboard-more { margin: 12px 0 0; color: var(--text-mid); }
-.dashboard-quiet { margin: 36px 0 0; color: var(--text-mid); }
-.dashboard-status { margin-top: 24px; padding: 8px 24px; border: 1px solid var(--border-loud); border-radius: 14px; background: var(--surface); }
+.dashboard-action.primary { color: var(--accent); background: color-mix(in oklch, var(--accent) 12%, var(--surface)); border-color: color-mix(in oklch, var(--accent) 40%, var(--border)); }
+.dashboard-action.primary:hover { background: color-mix(in oklch, var(--accent) 20%, var(--surface)); }
+.dashboard :is(a, button, select):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
+.dashboard-unavailable { max-width: 130px; color: var(--text-tertiary); font-size: 13px; }
+.dashboard-more { margin: 12px 0 0; color: var(--text-secondary); }
+.dashboard-quiet { margin: 36px 0 0; color: var(--text-secondary); }
+.dashboard-status { margin-top: 24px; padding: 8px 24px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
 .dashboard-status ul { list-style: none; padding: 0; margin: 0; }
 .dashboard-status-row { display: flex; gap: 14px; align-items: baseline; padding: 18px 0; }
 .dashboard-status-row + .dashboard-status-row { border-top: 1px solid var(--border); }
 .dashboard-status-row > div { min-width: 0; overflow-wrap: anywhere; }
 .dashboard-status-row strong { font-weight: 500; }
-.dashboard-status-row p { margin: 6px 0 0; color: var(--text-mid); font-size: 14px; }
-.dashboard-status-dot { flex: 0 0 6px; height: 6px; border-radius: 50%; background: var(--text-faint); }
-.dashboard-status-failed .dashboard-status-dot { background: var(--bucket-dead); }
-.dashboard-status-running .dashboard-status-dot { background: var(--bucket-run); }
+.dashboard-status-row p { margin: 6px 0 0; color: var(--text-secondary); font-size: 14px; }
+.dashboard-status-dot { flex: 0 0 6px; height: 6px; border-radius: 50%; background: var(--text-tertiary); }
+.dashboard-status-failed .dashboard-status-dot { background: var(--danger); }
+.dashboard-status-running .dashboard-status-dot { background: var(--info); }
 @media (max-width: 649px) {
   .dashboard .page-shell-body { padding-top: 4px; }
   .dashboard-head { flex-wrap: wrap; gap: 20px; }
diff --git a/frontend/src/lib/harnessColors.ts b/frontend/src/lib/harnessColors.ts
index 02e845ae2..28d255964 100644
--- a/frontend/src/lib/harnessColors.ts
+++ b/frontend/src/lib/harnessColors.ts
@@ -1,7 +1,9 @@
-// Harness accent colours, handed out by registry order and rotated, so a
-// newly-installed harness gets the next colour with no per-name CSS. First two
-// are the existing claude amber / codex violet, so nothing shifts for us.
-const HARNESS_PALETTE = ['#f5a85c', '#a78bfa', '#4dd4f4', '#5eead4', '#f472b6', '#a3e635', '#fbbf24', '#60a5fa']
+const HARNESS_PALETTE = [
+  'var(--chart-series-1)',
+  'var(--chart-series-2)',
+  'var(--chart-series-3)',
+  'var(--chart-series-4)',
+]
 
 export const harnessColors = (names: string[]): Record<string, string> =>
   Object.fromEntries(names.map((name, i) => [name, HARNESS_PALETTE[i % HARNESS_PALETTE.length]!]))
diff --git a/frontend/src/lib/preferences.tsx b/frontend/src/lib/preferences.tsx
index 01cedfe2b..6940f12d5 100644
--- a/frontend/src/lib/preferences.tsx
+++ b/frontend/src/lib/preferences.tsx
@@ -1,12 +1,23 @@
-import { createContext, useContext, useMemo, type ReactNode } from 'react'
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useLayoutEffect,
+  useState,
+  type ReactNode,
+} from 'react'
 import { useQuery } from '@tanstack/react-query'
 
 import { api } from '../api/client'
 import { absDay, absTime, absTimeCompact, clockTime } from './format'
+import type { PersonalSettings } from '../api/types'
 
 interface PreferencesContextValue {
   timezone: string
   isLoaded: boolean
+  theme: PersonalSettings['theme']
+  previewTheme: (theme: PersonalSettings['theme'] | null) => void
 }
 
 const PreferencesContext = createContext<PreferencesContextValue | null>(null)
@@ -14,20 +25,49 @@ const PreferencesContext = createContext<PreferencesContextValue | null>(null)
 // The selected preference controls display; the browser timezone never replaces it.
 const _FALLBACK_TIMEZONE = 'UTC'
 
-export function UserPreferencesProvider({ children }: { children: ReactNode }) {
+function applyTheme(theme: PersonalSettings['theme']) {
+  const root = document.documentElement
+  if (theme === 'system') delete root.dataset.theme
+  else root.dataset.theme = theme
+  const background = getComputedStyle(root).getPropertyValue('--bg').trim()
+  document.querySelector<HTMLMetaElement>('meta[name="theme-color"]')?.setAttribute('content', background)
+}
+
+export function UserPreferencesProvider({
+  children,
+  accountId,
+}: {
+  children: ReactNode
+  accountId: string
+}) {
   const query = useQuery({
     queryKey: ['personalSettings'],
     queryFn: () => api.getPersonalSettings(),
     staleTime: 60_000,
   })
+  const [preview, setPreview] = useState<PersonalSettings['theme'] | null>(null)
+  const [stored] = useState(() => localStorage.getItem(`druks:theme:${accountId}`))
+  const saved = query.data?.theme ?? (stored === 'light' || stored === 'dark' ? stored : 'system')
+  const theme = preview ?? saved
+  const previewTheme = setPreview
+
+  useLayoutEffect(() => {
+    applyTheme(theme)
+  }, [theme])
+
+  useEffect(() => {
+    if (query.data) localStorage.setItem(`druks:theme:${accountId}`, query.data.theme)
+  }, [accountId, query.data])
 
   const value = useMemo<PreferencesContextValue>(() => {
     const saved = query.data?.timezone
     return {
       timezone: saved || _FALLBACK_TIMEZONE,
       isLoaded: query.isSuccess,
+      theme,
+      previewTheme,
     }
-  }, [query.data?.timezone, query.isSuccess])
+  }, [query.data?.timezone, query.isSuccess, theme, previewTheme])
 
   return <PreferencesContext.Provider value={value}>{children}</PreferencesContext.Provider>
 }
@@ -38,6 +78,13 @@ export function useTimezone(): string {
   return ctx?.timezone ?? _FALLBACK_TIMEZONE
 }
 
+// eslint-disable-next-line react-refresh/only-export-components -- hook co-located with its context
+export function useThemePreference(): Pick<PreferencesContextValue, 'theme' | 'previewTheme'> {
+  const ctx = useContext(PreferencesContext)
+  if (!ctx) throw new Error('useThemePreference must be used within UserPreferencesProvider')
+  return ctx
+}
+
 /**
  * Format timestamps in the signed-in account's display timezone.
  */
diff --git a/frontend/src/lib/states.ts b/frontend/src/lib/states.ts
index c5721a1a5..99a23e040 100644
--- a/frontend/src/lib/states.ts
+++ b/frontend/src/lib/states.ts
@@ -7,18 +7,18 @@ interface StateStyle {
 }
 
 export const STATES: Record<RunState, StateStyle> = {
-  scheduled: { color: 'var(--bucket-run)', glyph: '●', label: 'in-progress' },
-  running: { color: 'var(--bucket-run)', glyph: '●', label: 'in-progress' },
-  parked: { color: 'var(--bucket-human)', glyph: '◆', label: 'waiting-on-you' },
-  finished: { color: 'var(--outcome-merged)', glyph: '✓', label: 'finished' },
-  failed: { color: 'var(--bucket-dead)', glyph: '✕', label: 'failed' },
-  cancelled: { color: 'var(--outcome-abandoned)', glyph: '◯', label: 'cancelled' },
-  orphaned: { color: 'var(--bucket-dead)', glyph: '⚠', label: 'orphaned' },
+  scheduled: { color: 'var(--info)', glyph: '●', label: 'in-progress' },
+  running: { color: 'var(--info)', glyph: '●', label: 'in-progress' },
+  parked: { color: 'var(--warning)', glyph: '◆', label: 'waiting-on-you' },
+  finished: { color: 'var(--success)', glyph: '✓', label: 'finished' },
+  failed: { color: 'var(--danger)', glyph: '✕', label: 'failed' },
+  cancelled: { color: 'var(--text-tertiary)', glyph: '◯', label: 'cancelled' },
+  orphaned: { color: 'var(--danger)', glyph: '⚠', label: 'orphaned' },
 }
 
 // What a subject with no run wears: it holds none of the states above.
 export const NO_RUN: StateStyle = {
-  color: 'var(--text-faint)',
+  color: 'var(--text-tertiary)',
   glyph: '◌',
   label: 'never run',
 }
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index a49d1efa7..066214523 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -3,6 +3,7 @@ import { createRoot } from 'react-dom/client'
 
 import { AuthedApp } from './components/AuthedApp'
 import { IdentityBootstrap } from './components/IdentityBootstrap'
+import './tokens.css'
 import './styles.css'
 import './command-center.css'
 import './settings.css'
diff --git a/frontend/src/operations.css b/frontend/src/operations.css
index 165c41e9b..862523f57 100644
--- a/frontend/src/operations.css
+++ b/frontend/src/operations.css
@@ -5,7 +5,7 @@
 .work-item-references { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 8px; }
 .work-item-references :is(a, span) { font-size: 13px; min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
 .work-item-state { display: flex; align-items: center; gap: 8px; font-size: 14px; overflow-wrap: anywhere; }
-.work-item-updated { font: 13px var(--font-mono); text-align: right; color: var(--text-dim); }
+.work-item-updated { font: 13px var(--font-mono); text-align: right; color: var(--text-tertiary); }
 .page-work-items .wi-group-head { font: 14px var(--font-sans); letter-spacing: 0; text-transform: none; }
 .page-work-items .active-filters { min-width: 0; max-width: 100%; }
 .page-work-items .history-search { width: min(320px, 100%); min-width: 0; min-height: 40px; font: 15px var(--font-sans); }
@@ -13,10 +13,10 @@
 .us-prov-identity { min-width: 0; flex: 1 1 160px; }
 .page-usage .us-prov-spacer { display: none; }
 .page-usage .us-prov-scraped { flex-basis: 100%; padding-left: 18px; }
-.us-prov-identity > span { display: block; margin-top: 5px; color: var(--text-mid); font-size: 13px; overflow-wrap: anywhere; }
+.us-prov-identity > span { display: block; margin-top: 5px; color: var(--text-secondary); font-size: 13px; overflow-wrap: anywhere; }
 .page-usage .us-refresh { height: auto; min-height: 40px; font: 15px var(--font-sans); }
 .page-usage :is(.us-head-updated, .us-prov-plan, .us-prov-warn, .us-win-label, .us-win-pct-unit, .us-burn, .us-reset, .us-unmetered-used, .us-unmetered-used-label, .us-spark-cap, .us-split-row, .us-hours-axis, .us-alert-tag, .us-alert-count-label) { font-size: 13px; letter-spacing: 0; }
-.page-usage .us-spark-cap { color: var(--text-dim); text-transform: none; }
+.page-usage .us-spark-cap { color: var(--text-tertiary); text-transform: none; }
 .page-usage .us-win-meta { flex-wrap: wrap; gap: 8px; }
 .page-usage .us-burn { white-space: normal; }
 .page-usage :is(.us-win-label, .us-alert-title, .us-alert-tag) { white-space: normal; overflow-wrap: anywhere; }
@@ -25,9 +25,9 @@
 .page-usage .usage-raw summary { min-height: 44px; padding: 12px 0; font-size: 13px; }
 .page-usage .usage-raw-pre { font-size: 13px; }
 .us-reserve { border-top: 1px solid var(--border-soft); margin-top: 12px; }
-.us-reserve summary { padding: 12px 0; min-height: 44px; cursor: pointer; color: var(--text-mid); font-size: 13px; }
-.us-reserve summary:focus-visible { outline: 1px solid var(--fam); outline-offset: 2px; }
-.us-read-error { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; color: var(--outcome-failed); }
+.us-reserve summary { padding: 12px 0; min-height: 44px; cursor: pointer; color: var(--text-secondary); font-size: 13px; }
+.us-reserve summary:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
+.us-read-error { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; color: var(--danger); }
 .us-read-error p { flex: 1 1 240px; margin: 0; }
 @media (min-width: 650px) {
   .page-work-items .row-work-item {
@@ -46,7 +46,7 @@
   .work-item-references :is(.work-item-repo, .row-repo, .row-pr-cell, .row-pr-num) { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .work-item-references .row-pr-cell { grid-area: pr; }
   .work-item-state .glyph { grid-area: glyph; }
-  .work-item-next { grid-area: state; font: 11px var(--font-mono); color: var(--text-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .work-item-next { grid-area: state; font: 11px var(--font-mono); color: var(--text-tertiary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .work-item-updated { grid-area: updated; font-size: 11px; white-space: nowrap; }
   .page-work-items .wi-group-head { font: 10px var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
 }
diff --git a/frontend/src/pages/ChatPage.test.tsx b/frontend/src/pages/ChatPage.test.tsx
index 9f166f877..631543f40 100644
--- a/frontend/src/pages/ChatPage.test.tsx
+++ b/frontend/src/pages/ChatPage.test.tsx
@@ -36,9 +36,9 @@ function mount(path = `/chat/${conversation.id}`, timezone?: string) {
   const page = <Router>
     <Route path="/chat/:id?">{(params) => <ChatPage id={params.id} />}</Route>
   </Router>
-  if (timezone) vi.spyOn(api, 'getPersonalSettings').mockResolvedValue({ timezone, gateParkDestinationId: null, isTagRequired: false })
+  if (timezone) vi.spyOn(api, 'getPersonalSettings').mockResolvedValue({ timezone, theme: 'system', gateParkDestinationId: null, isTagRequired: false })
   render(<StrictMode><QueryClientProvider client={client}>
-    {timezone ? <UserPreferencesProvider>{page}</UserPreferencesProvider> : page}
+    {timezone ? <UserPreferencesProvider accountId="operator">{page}</UserPreferencesProvider> : page}
   </QueryClientProvider></StrictMode>)
   return client
 }
diff --git a/frontend/src/pages/DashboardPage.test.tsx b/frontend/src/pages/DashboardPage.test.tsx
index da0c7936a..3125ca786 100644
--- a/frontend/src/pages/DashboardPage.test.tsx
+++ b/frontend/src/pages/DashboardPage.test.tsx
@@ -38,7 +38,7 @@ function mount(apps: string[] = ['notes'], timezone = 'UTC') {
   client.setQueryData(['personalSettings'], { timezone })
   render(
     <QueryClientProvider client={client}>
-      <UserPreferencesProvider>
+      <UserPreferencesProvider accountId="operator">
         <Router><DashboardPage apps={apps} /></Router>
       </UserPreferencesProvider>
     </QueryClientProvider>,
diff --git a/frontend/src/pages/EventsPage.test.tsx b/frontend/src/pages/EventsPage.test.tsx
index 5df8cb0a1..605b9d7cc 100644
--- a/frontend/src/pages/EventsPage.test.tsx
+++ b/frontend/src/pages/EventsPage.test.tsx
@@ -41,7 +41,7 @@ const artifact = vi.spyOn(api, 'artifact')
 const settings = vi.spyOn(api, 'getPersonalSettings')
 function mount() {
   const client = new QueryClient({ defaultOptions: { queries: { retry: false } } })
-  render(<QueryClientProvider client={client}><UserPreferencesProvider><Router><Switch>
+  render(<QueryClientProvider client={client}><UserPreferencesProvider accountId="operator"><Router><Switch>
     <Route path="/events"><EventsPage /></Route>
     <Route><h1>Owner page</h1><Link href="/events">Activity</Link></Route>
   </Switch></Router></UserPreferencesProvider></QueryClientProvider>)
@@ -58,7 +58,7 @@ beforeEach(() => {
   topics.mockResolvedValue([{ app: 'field_notes', topic: 'gist.prepared' }, { app: 'field_notes', topic: 'older.kind' }])
   destinations.mockResolvedValue({ isSubjectAvailable: true, isRunAvailable: true, isArtifactAvailable: true })
   artifact.mockResolvedValue({ kind: 'markdown', title: 'Gist', content: '# Saved finding\nExact old result.' })
-  settings.mockResolvedValue({ timezone: 'UTC', gateParkDestinationId: null, isTagRequired: false })
+  settings.mockResolvedValue({ timezone: 'UTC', theme: 'system', gateParkDestinationId: null, isTagRequired: false })
   vi.spyOn(api, 'listApps').mockResolvedValue([app, { ...app, name: 'core', builtin: true }, { ...app, name: 'usage', builtin: true }])
   vi.spyOn(identityApi, 'me').mockResolvedValue({ authMode: 'none', account: { id: 'a', username: 'op', isDefault: true }, onboardingRequired: false })
   registerAppUI({ name: 'field_notes', routes: [], subjectPath: ({ id }, target) => `/notes/${id}${targetQuery(target)}` })
@@ -291,7 +291,7 @@ it('shows Factory review findings through the shared saved-result renderer', asy
 })
 
 it('sends the operator timezone day boundaries to history and the live stream', async () => {
-  settings.mockResolvedValue({ timezone: 'Europe/Madrid', gateParkDestinationId: null, isTagRequired: false })
+  settings.mockResolvedValue({ timezone: 'Europe/Madrid', theme: 'system', gateParkDestinationId: null, isTagRequired: false })
   mount()
   await screen.findByRole('button', { name: /Pump A.*Gist prepared/ })
   await waitFor(() => expect(screen.getByText('17:00')).toBeTruthy())
@@ -396,7 +396,7 @@ it('shows active values and clears only the controls in the open panel', async (
 })
 
 it('groups consecutive rows by the account day across daylight saving and pagination', async () => {
-  settings.mockResolvedValue({ timezone: 'Europe/Madrid', gateParkDestinationId: null, isTagRequired: false })
+  settings.mockResolvedValue({ timezone: 'Europe/Madrid', theme: 'system', gateParkDestinationId: null, isTagRequired: false })
   history.mockImplementation(async (params) => params?.before
     ? { items: [
       { ...result, id: 'event:8', seq: 8, at: '2025-10-26T00:30:00Z' },
diff --git a/frontend/src/schedules.css b/frontend/src/schedules.css
index 5c425587b..ed7af2744 100644
--- a/frontend/src/schedules.css
+++ b/frontend/src/schedules.css
@@ -1,22 +1,22 @@
 .schedules-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
 .schedules-head h1 { margin: 0 0 10px; font-size: 26px; font-weight: 500; }
-.schedules-head p { max-width: 56ch; margin: 0; color: var(--text-mid); line-height: 1.6; }
+.schedules-head p { max-width: 56ch; margin: 0; color: var(--text-secondary); line-height: 1.6; }
 .schedules-head > select { width: 200px; flex-shrink: 0; }
 .schedules-page .set-select { min-height: 40px; font-family: var(--font-sans); font-size: 14px; }
-.schedules-summary { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 24px 0 28px; color: var(--text-dim); font-size: 13px; }
-.schedules-summary a { color: var(--bucket-plan); text-decoration: none; }
+.schedules-summary { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 24px 0 28px; color: var(--text-tertiary); font-size: 13px; }
+.schedules-summary a { color: var(--accent); text-decoration: none; }
 .schedules-summary a:hover { text-decoration: underline; text-underline-offset: 3px; }
 .schedules-timezone { margin-left: auto; font-family: var(--font-mono); }
 .schedule-columns, .schedule-row { display: grid; grid-template-columns: minmax(180px, 1.5fr) minmax(160px, 1fr) minmax(140px, .9fr) minmax(130px, .85fr) 88px 146px; align-items: center; column-gap: 16px; padding: 0 16px; }
-.schedule-columns { margin-bottom: 8px; color: var(--text-dim); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
+.schedule-columns { margin-bottom: 8px; color: var(--text-tertiary); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
 .schedules-app { margin-top: 18px; }
 .schedule-columns + .schedules-app { margin-top: 0; }
 .schedules-app[hidden] { display: none; }
 .schedules-app > header { display: flex; align-items: center; gap: 10px; min-height: 36px; margin-bottom: 6px; }
-.schedules-app > header > svg { color: var(--text-dim); flex-shrink: 0; }
+.schedules-app > header > svg { color: var(--text-tertiary); flex-shrink: 0; }
 .schedules-app h2 { margin: 0; font-size: 16px; font-weight: 500; }
-.schedules-app > header > span { color: var(--text-dim); font-size: 12px; }
-.schedules-app > header a { display: inline-flex; align-items: center; min-height: 36px; margin-left: auto; color: var(--text-dim); font-size: 12px; text-decoration: none; }
+.schedules-app > header > span { color: var(--text-tertiary); font-size: 12px; }
+.schedules-app > header a { display: inline-flex; align-items: center; min-height: 36px; margin-left: auto; color: var(--text-tertiary); font-size: 12px; text-decoration: none; }
 .schedules-app > header a:hover { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
 .schedules-rows { border: 1px solid var(--border); border-radius: 9px; background: var(--surface); }
 .schedule-row { min-height: 64px; padding-block: 8px; scroll-margin-top: 20px; }
@@ -26,39 +26,39 @@
 .schedule-identity { display: flex; align-items: center; gap: 18px; }
 .schedule-identity > div { min-width: 0; }
 .schedule-identity h3 { margin: 0 0 5px; font-size: 15px; font-weight: 400; overflow-wrap: anywhere; }
-.schedule-identity code { display: block; color: var(--text-dim); font-size: 11px; overflow-wrap: anywhere; }
+.schedule-identity code { display: block; color: var(--text-tertiary); font-size: 11px; overflow-wrap: anywhere; }
 .schedule-switch { display: flex; align-items: center; width: 36px; min-width: 36px; height: 44px; padding: 0; background: transparent; }
-.schedule-switch > span { position: relative; display: block; width: 34px; height: 19px; border: 1px solid var(--border-loud); border-radius: 12px; background: var(--surface-3); }
-.schedule-switch > span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: var(--text-dim); transition: transform 140ms ease-out; }
-.schedule-switch[aria-checked='true'] > span { border-color: color-mix(in srgb, var(--bucket-plan) 45%, var(--border)); background: color-mix(in srgb, var(--bucket-plan) 25%, var(--surface)); }
-.schedule-switch[aria-checked='true'] > span::after { transform: translateX(15px); background: var(--bucket-plan); }
+.schedule-switch > span { position: relative; display: block; width: 34px; height: 19px; border: 1px solid var(--border-strong); border-radius: 12px; background: var(--surface-3); }
+.schedule-switch > span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: var(--text-tertiary); transition: transform 140ms ease-out; }
+.schedule-switch[aria-checked='true'] > span { border-color: color-mix(in oklch, var(--accent) 45%, var(--border)); background: color-mix(in oklch, var(--accent) 25%, var(--surface)); }
+.schedule-switch[aria-checked='true'] > span::after { transform: translateX(15px); background: var(--accent); }
 .schedule-cadence { display: grid; gap: 8px; }
 .schedule-cadence input { font-family: var(--font-mono) !important; }
-.schedule-next, .schedule-last { color: var(--text-mid); font-family: var(--font-mono); font-size: 12px; line-height: 1.7; }
-.schedule-next time > span, .schedule-run > span:last-child { color: var(--text-dim); }
+.schedule-next, .schedule-last { color: var(--text-secondary); font-family: var(--font-mono); font-size: 12px; line-height: 1.7; }
+.schedule-next time > span, .schedule-run > span:last-child { color: var(--text-tertiary); }
 .schedule-run { display: inline; }
 .schedule-run-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 .schedule-run > i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; vertical-align: 1px; }
-.schedules-page [data-status] { background: var(--text-dim); }
-.schedules-page [data-status='SUCCESS'] { background: var(--bucket-plan); }
-.schedules-page :is([data-status='ERROR'], [data-status='MAX_RECOVERY_ATTEMPTS_EXCEEDED']) { background: var(--outcome-failed); }
-.schedules-page :is([data-status='PENDING'], [data-status='ENQUEUED'], [data-status='DELAYED']) { background: var(--bucket-run); }
-.schedule-bars { display: flex; align-items: flex-end; gap: 3px; height: 30px; border-bottom: 1px solid var(--border-loud); padding-bottom: 3px; }
+.schedules-page [data-status] { background: var(--text-tertiary); }
+.schedules-page [data-status='SUCCESS'] { background: var(--success); }
+.schedules-page :is([data-status='ERROR'], [data-status='MAX_RECOVERY_ATTEMPTS_EXCEEDED']) { background: var(--danger); }
+.schedules-page :is([data-status='PENDING'], [data-status='ENQUEUED'], [data-status='DELAYED']) { background: var(--info); }
+.schedule-bars { display: flex; align-items: flex-end; gap: 3px; height: 30px; border-bottom: 1px solid var(--border-soft); padding-bottom: 3px; }
 .schedule-bars > span { flex: 0 1 6px; min-width: 4px; border-radius: 1px 1px 0 0; }
-.schedule-no-history { color: var(--text-dim); }
+.schedule-no-history { color: var(--text-tertiary); }
 .schedule-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
 .schedule-actions .set-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 104px; min-height: 36px; padding: 5px 10px; white-space: nowrap; }
-.schedule-reset { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 36px; color: var(--text-dim); border-radius: 5px; }
+.schedule-reset { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 36px; color: var(--text-tertiary); border-radius: 5px; }
 .schedule-reset:hover { background: var(--surface-3); color: var(--text); }
-.schedule-feedback { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; margin-top: 8px; color: var(--text-mid); font-size: 13px; overflow-wrap: anywhere; }
-.schedule-feedback [role='alert'], .schedules-alert { color: var(--outcome-failed); }
+.schedule-feedback { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; margin-top: 8px; color: var(--text-secondary); font-size: 13px; overflow-wrap: anywhere; }
+.schedule-feedback [role='alert'], .schedules-alert { color: var(--danger); }
 .schedule-feedback .set-btn { min-height: 36px; }
-.schedule-row[data-paused='true'] h3, .schedule-paused { color: var(--text-dim); }
-.schedules-page :is(button, a, select, input, [tabindex]):focus-visible { outline: 2px solid var(--text-mid); outline-offset: 3px; }
+.schedule-row[data-paused='true'] h3, .schedule-paused { color: var(--text-tertiary); }
+.schedules-page :is(button, a, select, input, [tabindex]):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
 .schedules-page button:disabled { cursor: not-allowed; opacity: .5; }
-.schedules-note { margin: 28px 0 0; color: var(--text-dim); font-size: 12px; line-height: 1.6; }
+.schedules-note { margin: 28px 0 0; color: var(--text-tertiary); font-size: 12px; line-height: 1.6; }
 .schedules-alert, .schedules-empty { margin-top: 24px; }
-.schedules-empty { color: var(--text-mid); }
+.schedules-empty { color: var(--text-secondary); }
 .schedule-mobile-label { display: none; }
 @media (max-width: 1340px) and (min-width: 1100px) {
   .schedule-columns, .schedule-row { grid-template-columns: minmax(140px, 1.2fr) minmax(150px, 1fr) minmax(110px, .8fr) minmax(105px, .8fr) 68px 136px; column-gap: 12px; padding-inline: 12px; }
@@ -75,7 +75,7 @@
   .schedule-next { grid-column: 2; grid-row: 2; }
   .schedule-last { grid-column: 2; grid-row: 3; }
   .schedule-history { grid-column: 3; grid-row: 2; }
-  .schedule-mobile-label { display: block; margin-bottom: 6px; color: var(--text-dim); font-family: var(--font-sans); font-size: 12px; }
+  .schedule-mobile-label { display: block; margin-bottom: 6px; color: var(--text-tertiary); font-family: var(--font-sans); font-size: 12px; }
   .schedule-feedback { grid-row: 4; }
   .schedule-bars { max-width: 86px; }
 }
diff --git a/frontend/src/settings.css b/frontend/src/settings.css
index b28525294..b5ee1a856 100644
--- a/frontend/src/settings.css
+++ b/frontend/src/settings.css
@@ -6,15 +6,15 @@
 .settings-back { font-size: 13px; }
 .settings-page-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
 .settings-page-head h1 { margin: 0; font-size: 26px; font-weight: 500; letter-spacing: -0.02em; text-transform: capitalize; }
-.settings-search { display: flex; align-items: center; gap: 10px; width: 280px; max-width: 100%; min-height: 44px; padding: 0 12px; color: var(--text-dim); background: var(--surface); border: 1px solid var(--border-loud); border-radius: 5px; }
-.settings-search:focus-within { outline: 2px solid var(--text-mid); outline-offset: 2px; }
+.settings-search { display: flex; align-items: center; gap: 10px; width: 280px; max-width: 100%; min-height: 44px; padding: 0 12px; color: var(--text-tertiary); background: var(--input); border: 1px solid var(--border-strong); border-radius: 5px; }
+.settings-search:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
 .settings-search input { width: 100%; min-width: 0; padding: 10px 0; border: 0; background: transparent; color: var(--text); font: inherit; }
 .settings-search input:focus-visible { outline: none; }
-.settings-search-results { margin: -12px 0 28px; border: 1px solid var(--border-loud); border-radius: 5px; overflow: auto; max-height: 320px; }
+.settings-search-results { margin: -12px 0 28px; border: 1px solid var(--border); border-radius: 5px; overflow: auto; max-height: 320px; }
 .settings-search-results a { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; min-height: 44px; padding: 12px 16px; color: var(--text); text-decoration: none; border-bottom: 1px solid var(--border); }
 .settings-search-results a:hover { background: var(--surface-2); }
-.settings-search-results small { color: var(--text-dim); font-size: 13px; text-transform: capitalize; }
-.settings-search-results p { padding-inline: 16px; color: var(--text-dim); }
+.settings-search-results small { color: var(--text-tertiary); font-size: 13px; text-transform: capitalize; }
+.settings-search-results p { padding-inline: 16px; color: var(--text-tertiary); }
 .settings-pane .set-pane { padding: 0; max-width: none; }
 .settings-pane .mcp-pane > * { max-width: none; }
 .settings-pane .set-pane-sub { font-size: 15px; }
@@ -35,17 +35,17 @@
 .settings-pane :is(.hr-conn-error, .hr-conn-step, .browser-session-times dt, .browser-session-times dd) { font-size: 13px; }
 .settings-pane .mcp-custom-summary { font-family: var(--font-sans); font-size: 15px; }
 .settings-tabs { display: flex; gap: 24px; border-bottom: 1px solid var(--border); margin-bottom: 28px; }
-.settings-tabs button { min-height: 44px; color: var(--text-dim); border-bottom: 2px solid transparent; }
-.settings-tabs button[aria-current="page"] { color: var(--text); border-color: var(--text); }
-.settings-error { color: var(--outcome-failed); padding: 12px 0; }
+.settings-tabs button { min-height: 44px; color: var(--text-tertiary); border-bottom: 2px solid transparent; }
+.settings-tabs button[aria-current="page"] { color: var(--text); border-color: var(--accent); }
+.settings-error { color: var(--danger); padding: 12px 0; }
 .settings-error button { text-decoration: underline; }
 .settings-save-bar { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; gap: 16px; min-height: 72px; padding: 12px var(--page-gutter); border-top: 1px solid var(--border); background: var(--surface); }
-.settings-save-bar > span { font-size: 13px; color: var(--text-dim); }
+.settings-save-bar > span { font-size: 13px; color: var(--text-tertiary); }
 .settings-save-bar > div { display: flex; gap: 10px; }
-.settings-leave-dialog { width: min(460px, calc(100vw - 32px)); padding: 24px; border: 1px solid var(--border-loud); border-radius: 8px; background: var(--surface); color: var(--text); }
-.settings-leave-dialog::backdrop { background: rgb(0 0 0 / 65%); }
+.settings-leave-dialog { width: min(460px, calc(100vw - 32px)); padding: 24px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text); }
+.settings-leave-dialog::backdrop { background: var(--scrim); }
 .settings-leave-dialog h2 { margin: 0 0 12px; font-size: 20px; font-weight: 500; }
-.settings-leave-dialog p { color: var(--text-mid); line-height: 1.5; }
+.settings-leave-dialog p { color: var(--text-secondary); line-height: 1.5; }
 .settings-leave-dialog > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
 
 @media (max-width: 649px) {
@@ -59,7 +59,7 @@
 }
 
 .settings-context .set-switch { width: 48px; height: 44px; min-height: 44px; border: 0; background: transparent; transition: none; }
-.settings-context .set-switch::before { content: ''; position: absolute; inset: 10px 0; border: 1px solid var(--border-loud); border-radius: 14px; background: var(--surface-3); }
+.settings-context .set-switch::before { content: ''; position: absolute; inset: 10px 0; border: 1px solid var(--border-strong); border-radius: 14px; background: var(--surface-3); }
 .settings-context .set-switch::after { width: 18px; height: 18px; top: 13px; left: 3px; transition: transform 140ms; }
 .settings-context .set-switch.on::before { border-color: var(--accent); background: color-mix(in oklch, var(--accent) 30%, var(--surface)); }
 .settings-context .set-switch.on::after { transform: translateX(24px); }
@@ -88,36 +88,36 @@
 .provider-summary .hr-name { font-size: 18px; font-weight: 500; }
 .provider-summary .provider-account { margin-top: 5px; }
 .provider-access { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 13px; }
-.provider-summary-usage p { margin: 4px 0; color: var(--text-dim); font-size: 13px; }
+.provider-summary-usage p { margin: 4px 0; color: var(--text-tertiary); font-size: 13px; }
 .settings-pane .hr-quota { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; }
 .settings-pane .hr-quota .us-bar { grid-column: 1 / -1; grid-row: 2; }
 .settings-pane .hr-quota-label { overflow-wrap: anywhere; }
 .settings-pane .hr-quota-reset { grid-column: 1 / -1; }
-.settings-pane .provider-stale { color: var(--accent-amber); }
+.settings-pane .provider-stale { color: var(--warning); }
 .provider-details { padding: 24px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); }
 .provider-details .provider-source { margin-bottom: 24px; }
-.provider-catalog { margin: 24px 0 0; color: var(--text-dim); font-size: 13px; }
+.provider-catalog { margin: 24px 0 0; color: var(--text-tertiary); font-size: 13px; }
 .connections-table { width: 100%; table-layout: fixed; border-collapse: collapse; text-align: left; font-size: 15px; }
 .connections-table th, .connections-table td { padding: 20px 16px; border-bottom: 1px solid var(--border); vertical-align: top; overflow-wrap: anywhere; }
 .connections-table :is(th, td):first-child { padding-left: 0; }
 .connections-table :is(th, td):last-child { padding-right: 0; text-align: right; }
-.connections-table thead th { padding-top: 0; padding-bottom: 12px; color: var(--text-dim); font-size: 13px; font-weight: 400; }
+.connections-table thead th { padding-top: 0; padding-bottom: 12px; color: var(--text-tertiary); font-size: 13px; font-weight: 400; }
 .connections-table thead th:first-child { width: 32%; }
 .connections-table thead th:nth-child(2) { width: 18%; }
 .connections-table thead th:last-child { width: 124px; }
 .connections-table tbody th { font-weight: 400; }
-.connections-table td { color: var(--text-mid); }
+.connections-table td { color: var(--text-secondary); }
 .connection-name { display: block; color: var(--text); font-weight: 500; }
-.connection-context { display: block; margin-top: 6px; color: var(--text-dim); font-size: 13px; }
+.connection-context { display: block; margin-top: 6px; color: var(--text-tertiary); font-size: 13px; }
 .connection-actions .set-btn { white-space: nowrap; }
 .connection-details summary { display: list-item; width: fit-content; min-height: 40px; cursor: pointer; color: var(--text); }
 .connection-details dl { margin: 8px 0 0; font-size: 13px; }
-.connection-details dt { margin-top: 12px; color: var(--text-dim); }
+.connection-details dt { margin-top: 12px; color: var(--text-tertiary); }
 .connection-details dd { margin: 4px 0 0; overflow-wrap: anywhere; }
 .settings-pane .svc-fact { align-items: center; flex-wrap: wrap; padding: 8px 0; font-family: var(--font-sans); font-size: 15px; }
 .settings-pane .svc-fact-key { flex-shrink: 1; overflow-wrap: anywhere; }
 .settings-pane .svc-fact-val { flex: 1; min-width: 160px; white-space: normal; overflow-wrap: anywhere; font-size: 13px; }
-.settings-pane .svc-revoked { opacity: 1; color: var(--text-dim); }
+.settings-pane .svc-revoked { opacity: 1; color: var(--text-tertiary); }
 @media (max-width: 1200px) {
   .provider-summary { grid-template-columns: minmax(0, 1fr) minmax(180px, 1fr) auto; gap: 16px; }
   .provider-summary .hr-ident { grid-column: 1; }
@@ -137,14 +137,14 @@
   .connections-table th, .connections-table td { display: block; padding: 0; border: 0; }
   .connections-table tbody th { grid-column: 1; }
   .connections-table td { grid-column: 1 / -1; }
-  .connections-table td[data-label]::before { content: attr(data-label) ': '; color: var(--text-dim); }
+  .connections-table td[data-label]::before { content: attr(data-label) ': '; color: var(--text-tertiary); }
   .connections-table .connection-actions { grid-column: 2; grid-row: 1; }
   .connection-details summary { min-height: 44px; }
 }
 .settings-pane .settings-default-execution { max-width: 880px; }
 .settings-default-execution { padding: 24px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); }
 .settings-default-execution h2 { margin: 0 0 6px; font-size: 18px; font-weight: 500; }
-.settings-default-execution > p { margin: 0 0 24px; color: var(--text-mid); }
+.settings-default-execution > p { margin: 0 0 24px; color: var(--text-secondary); }
 .settings-default-execution .set-defaults { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
 .settings-default-execution .mcp-field { min-width: 0; }
 .settings-switch { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border); }
@@ -161,8 +161,8 @@
 
 .app-settings { flex: 1; min-height: 0; display: flex; flex-direction: column; }
 .app-settings .settings-page-head { margin-bottom: 8px; }
-.app-settings-description { margin: 0 0 24px; color: var(--text-mid); }
-.settings-tabs a { display: flex; align-items: center; min-height: 44px; color: var(--text-dim); text-decoration: none; border-bottom: 2px solid transparent; }
+.app-settings-description { margin: 0 0 24px; color: var(--text-secondary); }
+.settings-tabs a { display: flex; align-items: center; min-height: 44px; color: var(--text-tertiary); text-decoration: none; border-bottom: 2px solid transparent; }
 .settings-tabs a[aria-current="page"] { color: var(--text); border-color: var(--text); }
 .app-settings-layout { display: flex; flex-direction: column; gap: 24px; }
 .app-settings-layout > .set-pane { min-width: 0; padding: 0; }
@@ -170,7 +170,7 @@
 .app-settings-layout .set-group-label { font-size: 18px; margin-bottom: 20px; }
 .app-settings-layout .set-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
 .app-settings-layout .set-field { min-width: 0; }
-.app-settings-owner { order: -1; color: var(--text-mid); font-size: 13px; line-height: 1.5; }
+.app-settings-owner { order: -1; color: var(--text-secondary); font-size: 13px; line-height: 1.5; }
 .app-settings-owner p { display: inline; margin-right: 12px; }
 .app-settings-owner a { display: inline-flex; align-items: center; gap: 6px; color: var(--text); font-size: 15px; text-decoration: none; }
 .app-settings-owner a:hover { text-decoration: underline; }
@@ -185,19 +185,19 @@
 .agent-record:first-child { padding-top: 0; border-top: 0; }
 .agent-identity { grid-column: 1 / -1; min-width: 0; }
 .agent-identity h3 { margin: 0 0 6px; font-size: 15px; font-weight: 500; overflow-wrap: anywhere; }
-.agent-identity p { margin: 0; color: var(--text-mid); font-size: 14px; }
+.agent-identity p { margin: 0; color: var(--text-secondary); font-size: 14px; }
 .agent-field { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
-.agent-field-help { color: var(--text-dim); font-size: 13px; }
+.agent-field-help { color: var(--text-tertiary); font-size: 13px; }
 .agent-field-model { grid-column: 2 / -1; }
-.agent-field-label { font-size: 14px; color: var(--text-mid); }
-.settings-pane .agent-record .set-cell { height: auto; min-height: 44px; padding: 10px 12px; border: 1px solid var(--border-loud); border-radius: 5px; background: var(--bg); color: var(--text); font: 15px var(--font-sans); text-align: left; }
+.agent-field-label { font-size: 14px; color: var(--text-secondary); }
+.settings-pane .agent-record .set-cell { height: auto; min-height: 44px; padding: 10px 12px; border: 1px solid var(--border-strong); border-radius: 5px; background: var(--bg); color: var(--text); font: 15px var(--font-sans); text-align: left; }
 .settings-pane .agent-record .cell-val, .settings-pane .model-chooser-trigger .cell-val { display: flex; flex-direction: column; gap: 4px; overflow: visible; white-space: normal; overflow-wrap: anywhere; }
-.model-chooser-trigger code { font: 13px var(--font-mono); color: var(--text-mid); }
-.cell-inherit { display: block; font: 13px var(--font-sans); color: var(--text-dim); }
+.model-chooser-trigger code { font: 13px var(--font-mono); color: var(--text-secondary); }
+.cell-inherit { display: block; font: 13px var(--font-sans); color: var(--text-tertiary); }
 .settings-pane .agent-record .cell-arrow { margin-left: auto; flex-shrink: 0; }
 .settings-pane .set-menu { max-width: calc(100vw - 24px); }
 .settings-pane .menu-opt { min-height: 44px; font-size: 15px; }
-.settings-pane .menu-opt:disabled { color: var(--text-dim); cursor: default; background: transparent; }
+.settings-pane .menu-opt:disabled { color: var(--text-tertiary); cursor: default; background: transparent; }
 @media (max-width: 649px) {
   .agent-record { grid-template-columns: minmax(0, 1fr); gap: 20px; }
   .agent-field-model { grid-column: 1; }
@@ -208,8 +208,8 @@
 .settings-pane .model-chooser { width: min(480px, calc(100vw - 36px)); max-width: 100%; }
 .settings-pane .model-chooser-option small { white-space: normal; overflow-wrap: anywhere; }
 .settings-pane .svc-facts > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-size: 14px; }
-.settings-pane .set-btn.danger { color: var(--outcome-failed); border-color: color-mix(in oklch, var(--outcome-failed) 50%, var(--border)); background: transparent; }
-.settings-pane .set-btn.danger:hover:not(:disabled) { background: color-mix(in oklch, var(--outcome-failed) 12%, var(--surface)); }
+.settings-pane .set-btn.danger { color: var(--danger); border-color: color-mix(in oklch, var(--danger) 50%, var(--border)); background: transparent; }
+.settings-pane .set-btn.danger:hover:not(:disabled) { background: color-mix(in oklch, var(--danger) 12%, var(--surface)); }
 
 .settings-pane .set-pane + .set-pane { margin-top: 48px; }
 .channel-connections { display: flex; flex-direction: column; gap: 8px; }
@@ -217,8 +217,8 @@
 .channel-connection-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 18px; }
 .channel-qr { display: flex; flex-direction: column; gap: 8px; margin: 0; }
 .channel-qr img { width: 240px; max-width: 100%; height: auto; border-radius: 6px; }
-.channel-qr figcaption, .channel-one-time-code { margin: 0; color: var(--text-mid); font-size: 13px; }
+.channel-qr figcaption, .channel-one-time-code { margin: 0; color: var(--text-secondary); font-size: 13px; }
 .channel-one-time-code code { font: 15px var(--font-mono); color: var(--text); }
 .call-list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
-.call-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; width: 100%; min-height: 44px; color: var(--text-mid); font-variant-numeric: tabular-nums; text-align: left; }
+.call-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; width: 100%; min-height: 44px; color: var(--text-secondary); font-variant-numeric: tabular-nums; text-align: left; }
 .call-transcript { display: flex; flex-direction: column; gap: 16px; padding: 4px 0 16px; }
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 19970f823..e820fcb26 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1,37 +1,5 @@
 
-:root {
-
-  --bg:           #0a0c12;
-  --surface:      #0e1119;
-  --surface-2:    #131825;
-  --surface-3:    #181d2d;
-  --border:       #1c2030;
-  --border-soft:  #161a26;
-  --border-loud:  #2a3148;
-
-  --text:         #f0f2f7;
-    --text-mid:     #b4bccd;
-  --text-dim:     #99a3b9;
-  --text-faint:   #7e889d;
-
-  --bucket-run:    #4dd4f4;
-  --bucket-human:  #f4ad63;
-  --bucket-dead:   #ef4f5b;
-  --bucket-plan:   #5eead4;
-
-  /* Decorative accent hues for non-status chrome (thinking rows, event
-     kinds, target/queue chips, tab & settings accents). Their own tokens,
-     not the harness buckets, so retinting a harness never bleeds into
-     unrelated UI. Values track the bucket hues per palette. */
-  --accent-amber:  #f5a85c;
-  --accent-violet: #a78bfa;
-
-  --outcome-merged:    #4ade80;
-  --outcome-failed:    #ef4f5b;
-  --outcome-abandoned: #beb8b3;
-
-  --decision-request-revision:    #f59e0b;
-
+ :root {
   --font-sans: 'IBM Plex Sans', system-ui, sans-serif;
   --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
 
@@ -57,28 +25,8 @@ body[data-density="roomy"] {
   --fs-body: 15px; --fs-mono: 13px;
 }
 
-body[data-palette="desat"] {
-  --bucket-run:    #6fb6c8;
-  --bucket-human:  #d7b38e;
-  --bucket-dead:   #c97078;
-  --bucket-plan:   #7fc4b6;
-  --accent-amber:  #c79968;
-  --accent-violet: #9489c2;
-}
-body[data-palette="mono"] {
-  --bucket-run:    var(--text);
-  --bucket-human:  var(--text);
-  --bucket-dead:   #ef4f5b;
-  --bucket-plan:   var(--text);
-  --accent-amber:  #b6bdc9;
-  --accent-violet: var(--text);
-}
-
-/* On ``body``, not ``:root``: the palettes retint --bucket-run on
-   body[data-palette], which a :root declaration would resolve past. */
-body { --accent: var(--bucket-run); }
-
 * { box-sizing: border-box; }
+::selection { background: color-mix(in oklch, var(--accent) 28%, var(--surface)); color: var(--text); }
 html, body, #root {
   height: 100%; margin: 0; background: var(--bg); color: var(--text);
   font-family: var(--font-sans); font-size: var(--fs-body);
@@ -87,35 +35,40 @@ html, body, #root {
 }
 
 .mono { font-family: var(--font-mono); font-size: var(--fs-mono); }
-.dim  { color: var(--text-dim); }
+.dim  { color: var(--text-tertiary); }
 
 button { background: none; border: none; color: inherit; cursor: pointer; font: inherit; padding: 0; }
 
 .wake-lock {
   display: inline-flex; align-items: center;
-  color: var(--text-faint);
+  color: var(--text-tertiary);
 }
 .wake-lock-dot {
   width: 7px; height: 7px; border-radius: 50%;
-  background: var(--text-faint);
+  background: var(--text-tertiary);
 }
 .wake-lock-active .wake-lock-dot {
-  background: var(--outcome-merged);
-  box-shadow: 0 0 6px color-mix(in oklch, var(--outcome-merged) 60%, transparent);
+  background: var(--success);
+  box-shadow: 0 0 6px color-mix(in oklch, var(--success) 60%, transparent);
 }
-.brand-glyph {
-  display: inline-block;
-  width: 18px;
-  height: 18px;
-  background-color: var(--text);
-  mask-image: url(/brand-mark.svg);
-  -webkit-mask-image: url(/brand-mark.svg);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  mask-position: center;
-  -webkit-mask-position: center;
+
+.brand-lockup {
+  display: inline-flex;
+  align-items: center;
+  gap: 0;
+  color: var(--text);
+  font: 700 28px / 1 var(--font-sans);
+  white-space: nowrap;
+}
+
+.brand-lockup-mark {
+  display: block;
+  flex: none;
+  width: 48px;
+  height: 48px;
+  background: var(--brand);
+  mask: url(/brand-mark.svg) center / contain no-repeat;
+  -webkit-mask: url(/brand-mark.svg) center / contain no-repeat;
 }
 
 .installed-app {
@@ -191,17 +144,17 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 .section-head-left { display: flex; align-items: center; gap: 8px; }
 .section-rule {
   width: 3px; height: 12px;
-  background: var(--text-mid);
+  background: var(--text-secondary);
   display: inline-block;
 }
 .section-title {
   font-family: var(--font-sans);
   font-size: var(--fs-section); font-weight: 600;
   letter-spacing: 0; text-transform: none;
-  color: var(--text-mid);
+  color: var(--text-secondary);
 }
 .section-count {
-  color: var(--text-dim); font-size: 11px;
+  color: var(--text-tertiary); font-size: 11px;
   padding: 0 5px; border-radius: 2px;
   background: var(--surface-2);
   border: 1px solid var(--border);
@@ -209,7 +162,7 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 
 .live-dot {
   width: 6px; height: 6px; border-radius: 50%;
-  background: var(--outcome-merged);
+  background: var(--success);
   display: inline-block; margin-left: 6px;
   animation: blink 2s ease-in-out infinite;
 }
@@ -227,32 +180,32 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 .glyph { display: inline-block; line-height: 1; font-size: 11px; }
 .glyph-pulse { animation: pulse 1.6s ease-in-out infinite; }
 
-.row-id    { color: var(--text-mid); white-space: nowrap; font-size: 11px; }
+.row-id    { color: var(--text-secondary); white-space: nowrap; font-size: 11px; }
 .row-title { color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 .outcome-tag {
   display: inline-block; width: 12px; text-align: center;
   font-size: 11px;
 }
-.outcome-merged    { color: var(--outcome-merged); }
-.outcome-closed    { color: var(--outcome-abandoned); }
-.outcome-cancelled { color: var(--outcome-abandoned); }
-.outcome-failed    { color: var(--outcome-failed); }
-.outcome-abandoned { color: var(--outcome-abandoned); }
+.outcome-merged    { color: var(--success); }
+.outcome-closed    { color: var(--text-tertiary); }
+.outcome-cancelled { color: var(--text-tertiary); }
+.outcome-failed    { color: var(--danger); }
+.outcome-abandoned { color: var(--text-tertiary); }
 
 .empty-state {
   display: flex; flex-direction: column; align-items: center; justify-content: center;
   padding: 48px 12px; flex: 1; gap: 6px;
-  color: var(--text-dim);
+  color: var(--text-tertiary);
 }
-.empty-glyph { font-size: 28px; color: var(--text-faint); }
-.empty-msg   { font-size: 13px; color: var(--text-mid); }
+.empty-glyph { font-size: 28px; color: var(--text-tertiary); }
+.empty-msg   { font-size: 13px; color: var(--text-secondary); }
 .empty-sub   { font-size: 11px; }
 
 .kebab {
   width: 18px; height: 18px;
   display: inline-flex; align-items: center; justify-content: center;
-  color: var(--text-faint);
+  color: var(--text-tertiary);
   border-radius: 2px;
   font-size: 14px; line-height: 0;
   opacity: 0;
@@ -262,7 +215,7 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 .kebab:hover { color: var(--text); background: var(--surface-3); }
 
 .breadcrumb {
-  font-size: 11px; color: var(--text-dim);
+  font-size: 11px; color: var(--text-tertiary);
   text-transform: lowercase;
 }
 .breadcrumb:hover { color: var(--text); }
@@ -271,17 +224,17 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 .wi-stat-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; }
 .wi-stat-value { font-size: 13px; }
 
-.status-done    { color: var(--outcome-merged); border-color: var(--outcome-merged); }
-.status-blocked { color: var(--bucket-dead);    border-color: var(--bucket-dead); }
-.status-running { color: var(--bucket-run);     border-color: var(--bucket-run); animation: pulse 1.6s ease-in-out infinite; }
-.status-abandoned { color: var(--outcome-abandoned); border-color: var(--outcome-abandoned); }
+.status-done    { color: var(--success); border-color: var(--success); }
+.status-blocked { color: var(--danger);    border-color: var(--danger); }
+.status-running { color: var(--info);     border-color: var(--info); animation: pulse 1.6s ease-in-out infinite; }
+.status-abandoned { color: var(--text-tertiary); border-color: var(--text-tertiary); }
 
-.status-warn    { color: var(--decision-request-revision); border-color: var(--decision-request-revision); }
+.status-warn    { color: var(--warning); border-color: var(--warning); }
 
 .status-filled               { color: var(--bg); font-weight: 700; }
-.status-filled.status-done    { background: var(--outcome-merged); }
-.status-filled.status-blocked { background: var(--bucket-dead); }
-.status-filled.status-warn    { background: var(--decision-request-revision); }
+.status-filled.status-done    { background: var(--success); }
+.status-filled.status-blocked { background: var(--danger); }
+.status-filled.status-warn    { background: var(--warning); }
 
 .token-breakdown {
   margin: 0;
@@ -304,7 +257,7 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 .token-breakdown-value { margin: 0; color: var(--text); }
 .token-breakdown-total {
   font-weight: 600;
-  color: var(--bucket-run);
+  color: var(--text);
 }
 
 .wi-section { padding-bottom: 8px; }
@@ -319,7 +272,7 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 .run-header-left  { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 0; }
 .run-header-right { display: flex; align-items: center; gap: 22px; }
 .run-breadcrumbs  { display: flex; align-items: center; gap: 8px; font-size: 11px; }
-.run-breadcrumbs button { color: var(--text-dim); font-size: 11px; }
+.run-breadcrumbs button { color: var(--text-tertiary); font-size: 11px; }
 .run-breadcrumbs button:hover { color: var(--text); }
 
 .run-title-row {
@@ -353,17 +306,17 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 .run-tab {
   padding: 4px 10px;
   font-size: 11px;
-  color: var(--text-dim);
+  color: var(--text-tertiary);
   border-radius: 2px;
   letter-spacing: 0.02em;
 }
-.run-tab:hover  { color: var(--text-mid); background: var(--surface-2); }
+.run-tab:hover  { color: var(--text-secondary); background: var(--surface-2); }
 .run-tab.active { color: var(--text); background: var(--surface-3); }
 .run-col-spacer { flex: 1; }
 .run-col-meta   { font-size: 11px; }
 
 .streaming-tag {
-  font-size: 11px; color: var(--bucket-run);
+  font-size: 11px; color: var(--info);
   display: inline-flex; align-items: center; gap: 4px;
 }
 
@@ -396,36 +349,36 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 .stream-glyph {
   display: inline-block;
   width: 14px; text-align: center;
-  color: var(--text-mid);
+  color: var(--text-secondary);
   font-weight: 600;
 }
-.stream-row-session { padding: 2px 0 6px; color: var(--text-mid); }
+.stream-row-session { padding: 2px 0 6px; color: var(--text-secondary); }
 .stream-row-text {
   color: var(--text);
   padding: 4px 0;
   white-space: pre-wrap;
 }
 .stream-row-thinking {
-  color: var(--accent-violet);
+  color: var(--info);
   font-style: italic;
   white-space: pre-wrap;
 }
-.stream-row-thinking .stream-glyph { color: var(--accent-violet); }
+.stream-row-thinking .stream-glyph { color: var(--info); }
 .stream-row-tool { color: var(--text); }
-.stream-row-tool .stream-glyph { color: var(--bucket-run); }
-.stream-tool-name { color: var(--bucket-run); font-weight: 600; }
-.stream-tool-arg { color: var(--text-mid); }
+.stream-row-tool .stream-glyph { color: var(--info); }
+.stream-tool-name { color: var(--info); font-weight: 600; }
+.stream-tool-arg { color: var(--text-secondary); }
 .stream-row-result { padding-left: 22px; }
-.stream-row-result .stream-glyph { color: var(--text-faint); }
-.stream-row-result-error { color: var(--bucket-dead); }
-.stream-row-result-error .stream-glyph { color: var(--bucket-dead); }
+.stream-row-result .stream-glyph { color: var(--text-tertiary); }
+.stream-row-result-error { color: var(--danger); }
+.stream-row-result-error .stream-glyph { color: var(--danger); }
 .stream-row-done {
   padding-top: 8px;
-  color: var(--outcome-merged);
+  color: var(--success);
   font-weight: 600;
 }
-.stream-row-done .stream-glyph { color: var(--outcome-merged); }
-.stream-row-unknown { color: var(--text-mid); }
+.stream-row-done .stream-glyph { color: var(--success); }
+.stream-row-unknown { color: var(--text-secondary); }
 
 .stream-row-raw {
   color: var(--text);
@@ -458,13 +411,13 @@ button { background: none; border: none; color: inherit; cursor: pointer; font:
 
 .row-repo {
   font-size: 12px;
-  color: var(--text-mid);
+  color: var(--text-secondary);
   text-decoration: none;
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
   display: inline-block;
   min-width: 0;
 }
-a.row-repo:hover { color: var(--bucket-run); text-decoration: underline; }
+a.row-repo:hover { color: var(--accent); text-decoration: underline; }
 
 .row-pr-cell {
   font-size: 12px;
@@ -472,26 +425,26 @@ a.row-repo:hover { color: var(--bucket-run); text-decoration: underline; }
   display: inline-block;
   min-width: 0;
 }
-.row-pr-cell .row-pr-num { color: var(--text-mid); text-decoration: none; }
-.row-pr-cell .row-pr-num:hover { color: var(--bucket-run); text-decoration: underline; }
+.row-pr-cell .row-pr-num { color: var(--text-secondary); text-decoration: none; }
+.row-pr-cell .row-pr-num:hover { color: var(--accent); text-decoration: underline; }
 
 .row-id .row-ticket-link { color: inherit; text-decoration: none; }
-.row-id .row-ticket-link:hover { color: var(--bucket-run); text-decoration: underline; }
+.row-id .row-ticket-link:hover { color: var(--accent); text-decoration: underline; }
 
 .repo-pr {
   font-size: 11.5px;
   white-space: nowrap;
   overflow: hidden; text-overflow: ellipsis;
-  color: var(--text-mid);
+  color: var(--text-secondary);
 }
 .repo-pr-pr {
-  color: var(--bucket-run);
+  color: var(--accent);
   text-decoration: none;
-  border-bottom: 1px dotted color-mix(in oklch, var(--bucket-run) 30%, transparent);
+  border-bottom: 1px dotted color-mix(in oklch, var(--accent) 30%, transparent);
   padding-bottom: 1px;
   margin-left: 0;
 }
-.repo-pr-pr:hover { border-bottom-color: var(--bucket-run); }
+.repo-pr-pr:hover { border-bottom-color: var(--accent); }
 
 .row-fin-dur {
   font-size: 11px;
@@ -542,12 +495,12 @@ a.row-repo:hover { color: var(--bucket-run); text-decoration: underline; }
 .dash-h1-count {
   font-family: var(--font-mono);
   font-size: 18px;
-  color: var(--text-mid);
+  color: var(--text-secondary);
   letter-spacing: 0.02em;
   font-feature-settings: 'tnum';
   text-transform: none;
 }
-.active-page-title .dash-h1-count { color: var(--bucket-run); }
+.active-page-title .dash-h1-count { color: var(--accent); }
 .page-history .active-page-title .dash-h1-count { color: var(--text); }
 .page-history .active-page-title .dash-h1-eyebrow { color: var(--text); }
 .active-page-meta {
@@ -563,21 +516,21 @@ a.row-repo:hover { color: var(--bucket-run); text-decoration: underline; }
   padding: 5px 11px;
   font-size: 11px; letter-spacing: 0.02em;
   background: var(--surface);
-  color: var(--text-dim);
-  border: 1px solid var(--border);
+  color: var(--text-tertiary);
+  border: 1px solid var(--border-strong);
   border-radius: 2px;
   transition: all 80ms;
 }
-.filter-chip:hover { color: var(--text-mid); border-color: var(--border-loud); }
+.filter-chip:hover { color: var(--text-secondary); border-color: var(--border-strong); }
 .filter-chip:disabled {
   opacity: 0.4;
   cursor: default;
 }
-.filter-chip:disabled:hover { color: var(--text-dim); border-color: var(--border); }
+.filter-chip:disabled:hover { color: var(--text-tertiary); border-color: var(--border); }
 .filter-chip.active {
-  background: color-mix(in oklch, var(--bucket-run) 14%, var(--surface));
-  color: var(--bucket-run);
-  border-color: color-mix(in oklch, var(--bucket-run) 45%, transparent);
+  background: color-mix(in oklch, var(--accent) 14%, var(--surface));
+  color: var(--accent);
+  border-color: color-mix(in oklch, var(--accent) 45%, transparent);
 }
 
 .row-history {
@@ -602,9 +555,9 @@ a.row-repo:hover { color: var(--bucket-run); text-decoration: underline; }
   font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em;
 }
 .history-search {
-  background: var(--bg);
+  background: var(--input);
   color: var(--text);
-  border: 1px solid var(--border);
+  border: 1px solid var(--border-strong);
   border-radius: 2px;
   padding: 5px 10px;
   font-size: 12px; font-family: var(--font-mono);
@@ -613,32 +566,32 @@ a.row-repo:hover { color: var(--bucket-run); text-decoration: underline; }
 }
 .history-search:focus {
   outline: none;
-  border-color: var(--bucket-run);
+  border-color: var(--accent);
 }
 
-.set-skill-error { color: var(--bucket-dead); font-size: 12px; font-family: var(--font-mono); }
+.set-skill-error { color: var(--danger); font-size: 12px; font-family: var(--font-mono); }
 
 .set-pane { padding: 22px 26px 30px; display: flex; flex-direction: column; gap: 22px; }
 .set-pane-head { display: flex; flex-direction: column; gap: 5px; }
-.set-pane-sub { font-size: 13px; color: var(--text-mid); line-height: 1.5; max-width: 64ch; }
+.set-pane-sub { font-size: 13px; color: var(--text-secondary); line-height: 1.5; max-width: 64ch; }
 
 .set-group { display: flex; flex-direction: column; gap: 12px; }
-.set-group-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-dim); }
-.gl-count { font-family: var(--font-mono); font-size: 10px; color: var(--text-faint); margin-left: 6px; }
+.set-group-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-tertiary); }
+.gl-count { font-family: var(--font-mono); font-size: 10px; color: var(--text-tertiary); margin-left: 6px; }
 
 .set-field { display: flex; flex-direction: column; gap: 7px; }
-.set-field-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-dim); }
-.set-field-help { font-size: 11.5px; color: var(--text-dim); line-height: 1.4; margin-top: -3px; }
-.set-field-error { font-family: var(--font-mono); font-size: 11px; color: var(--bucket-dead); line-height: 1.4; }
+.set-field-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-tertiary); }
+.set-field-help { font-size: 11.5px; color: var(--text-tertiary); line-height: 1.4; margin-top: -3px; }
+.set-field-error { font-family: var(--font-mono); font-size: 11px; color: var(--danger); line-height: 1.4; }
 .set-field-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
-.set-clock { font-family: var(--font-mono); font-size: 12px; color: var(--text-mid); }
-.set-clock b { color: var(--bucket-run); font-weight: 500; }
+.set-clock { font-family: var(--font-mono); font-size: 12px; color: var(--text-secondary); }
+.set-clock b { color: var(--text-secondary); font-weight: 500; }
 .set-select {
-  appearance: none; width: 100%; height: 34px; padding: 0 30px 0 12px;
-  background: var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235b6478' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
-  border: 1px solid var(--border); border-radius: 4px; color: var(--text); font-family: var(--font-mono); font-size: 13px;
+  appearance: auto; width: 100%; height: 34px; padding: 0 12px;
+  background: var(--input);
+  border: 1px solid var(--border-strong); border-radius: 4px; color: var(--text); font-family: var(--font-mono); font-size: 13px;
 }
-.set-select:hover { border-color: var(--border-loud); }
+.set-select:hover { border-color: var(--border-strong); }
 .set-select:focus { outline: none; border-color: var(--accent); }
 
 input.set-select { background-image: none; padding-right: 12px; }
@@ -646,18 +599,18 @@ input.set-select { background-image: none; padding-right: 12px; }
 textarea.set-textarea { background-image: none; height: auto; min-height: 96px; padding: 8px 12px; line-height: 1.45; resize: vertical; white-space: pre; }
 
 .set-card { border: 1px solid var(--border); border-radius: 7px; background: var(--surface-2); }
-.chev::before, .mcp-custom-summary::before { content: '›'; display: inline-block; font-family: var(--font-mono); font-size: 13px; color: var(--text-faint); transition: transform 120ms; }
+.chev::before, .mcp-custom-summary::before { content: '›'; display: inline-block; font-family: var(--font-mono); font-size: 13px; color: var(--text-tertiary); transition: transform 120ms; }
 
 .hrs-list { display: flex; flex-direction: column; gap: 10px; }
 .hrs-pane :is(.set-btn, .hr-conn-btn, .mcp-conn) { font-family: var(--font-sans); letter-spacing: 0; }
 .hr-card { display: flex; flex-direction: column; gap: 12px; padding: 13px 14px; }
 .hr-ident { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px 14px; }
-.hr-ident-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--fam, var(--border-loud)); flex-shrink: 0; }
+.hr-ident-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--fam, var(--border-strong)); flex-shrink: 0; }
 .hr-identity-copy { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
 .hr-name { font-size: 13.5px; font-weight: 600; color: var(--text); }
 .hr-controls { display: grid; grid-template-columns: minmax(180px, 1fr) 110px 110px auto; gap: 12px 14px; align-items: end; }
 .hr-fast { height: 34px; display: flex; align-items: center; padding: 0 1px; }
-.hr-conn-id { font-family: var(--font-mono); font-size: 12px; color: var(--text-mid); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.hr-conn-id { font-family: var(--font-mono); font-size: 12px; color: var(--text-secondary); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .hrs-pane .set-select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-color: var(--border); }
 @media (max-width: 720px) { .hr-controls { grid-template-columns: 1fr 1fr; } }
 @media (max-width: 460px) { .hr-controls { grid-template-columns: 1fr; } }
@@ -665,51 +618,51 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .hr-connect { border-top: 1px solid var(--border); padding-top: 12px; display: flex; flex-direction: column; gap: 10px; }
 .hr-conn-status { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
 .hr-chip { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 3px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em; }
-.hr-chip-on { color: var(--fam, var(--text-mid)); border: 1px solid color-mix(in oklch, var(--fam, var(--border-loud)) 42%, transparent); background: color-mix(in oklch, var(--fam, var(--border-loud)) 10%, transparent); }
-.hr-chip-off { color: var(--text-faint); border: 1px solid var(--border); }
-.hr-conn-exp { font-family: var(--font-mono); font-size: 10.5px; color: var(--text-faint); }
+.hr-chip-on { color: var(--fam, var(--text-secondary)); border: 1px solid color-mix(in oklch, var(--fam, var(--border-strong)) 42%, transparent); background: color-mix(in oklch, var(--fam, var(--border-strong)) 10%, transparent); }
+.hr-chip-off { color: var(--text-tertiary); border: 1px solid var(--border); }
+.hr-conn-exp { font-family: var(--font-mono); font-size: 10.5px; color: var(--text-tertiary); }
 .hr-conn-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
 .hr-conn-btn { padding: 5px 13px; border-radius: 4px; font-family: var(--font-mono); font-size: 11.5px; cursor: pointer; background: color-mix(in oklch, var(--fam, var(--accent)) 16%, var(--surface)); color: var(--fam, var(--accent)); border: 1px solid color-mix(in oklch, var(--fam, var(--accent)) 45%, transparent); transition: all 120ms; }
 .hr-conn-btn:hover:not(:disabled) { background: color-mix(in oklch, var(--fam, var(--accent)) 26%, var(--surface)); }
 .hr-conn-btn:disabled { opacity: 0.45; cursor: default; }
-.hr-conn-ghost { background: none; color: var(--text-mid); border-color: var(--border); }
-.hr-conn-ghost:hover:not(:disabled) { color: var(--text); border-color: var(--border-loud); background: var(--surface); }
+.hr-conn-ghost { background: none; color: var(--text-secondary); border-color: var(--border); }
+.hr-conn-ghost:hover:not(:disabled) { color: var(--text); border-color: var(--border-strong); background: var(--surface); }
 .hr-conn-flow { display: flex; flex-direction: column; gap: 9px; padding: 11px 12px; border-radius: 5px; background: var(--surface); border: 1px solid var(--border); }
-.hr-conn-step { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-dim); line-height: 1.5; }
+.hr-conn-step { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-tertiary); line-height: 1.5; }
 .hr-conn-step a { color: var(--fam, var(--accent)); }
-.hr-conn-num { flex: none; width: 17px; height: 17px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 10px; color: var(--text-mid); border: 1px solid var(--border-loud); }
+.hr-conn-num { flex: none; width: 17px; height: 17px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 10px; color: var(--text-secondary); border: 1px solid var(--border-strong); }
 .hr-conn-paste { flex-wrap: wrap; }
-.hr-conn-input { flex: 1; min-width: 200px; padding: 6px 10px; border-radius: 4px; background: var(--surface-2); border: 1px solid var(--border); color: var(--text); font-family: var(--font-mono); font-size: 12px; }
-.hr-conn-input:focus { outline: none; border-color: color-mix(in oklch, var(--fam, var(--accent)) 55%, transparent); }
-.hr-conn-error { font-size: 11.5px; color: var(--outcome-failed); }
+.hr-conn-input { flex: 1; min-width: 200px; padding: 6px 10px; border-radius: 4px; background: var(--input); border: 1px solid var(--border-strong); color: var(--text); font-family: var(--font-mono); font-size: 12px; }
+.hr-conn-input:focus { outline: none; border-color: var(--accent); }
+.hr-conn-error { font-size: 11.5px; color: var(--danger); }
 .hr-block { display: flex; flex-direction: column; gap: 9px; }
 .hr-block + .hr-block { border-top: 1px solid var(--border); padding-top: 12px; }
-.hr-block-title { font-size: 11px; font-weight: 600; color: var(--text-dim); }
+.hr-block-title { font-size: 11px; font-weight: 600; color: var(--text-tertiary); }
 .hr-quota { display: grid; grid-template-columns: 55px minmax(80px, 1fr) 64px 110px; align-items: center; gap: 10px; font-size: 11.5px; }
 .hr-quota .us-bar { margin: 0; }
-.hr-quota-label { color: var(--text-mid); }
-.hr-quota-pct { text-align: right; color: var(--text-mid); white-space: nowrap; }
+.hr-quota-label { color: var(--text-secondary); }
+.hr-quota-pct { text-align: right; color: var(--text-secondary); white-space: nowrap; }
 .provider-key-form { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
 .provider-key-form .hr-conn-input { min-width: 0; flex: 1 1 240px; }
 .provider-key-form .hr-conn-input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
-.provider-state { font-size: 12px; color: var(--text-dim); }
-.provider-empty { display: flex; flex-direction: column; gap: 4px; padding: 18px 0 4px; color: var(--text-dim); font-size: 12px; }
+.provider-state { font-size: 12px; color: var(--text-tertiary); }
+.provider-empty { display: flex; flex-direction: column; gap: 4px; padding: 18px 0 4px; color: var(--text-tertiary); font-size: 12px; }
 .provider-empty strong { color: var(--text); font-size: 13px; }
 .provider-add-panel { width: min(100%, 720px); padding: 14px; display: grid; gap: 10px; }
 .provider-add-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
 .provider-add-head label { font-size: 13px; font-weight: 600; color: var(--text); }
 .provider-results { display: flex; flex-direction: column; max-height: 260px; overflow: auto; border-top: 1px solid var(--border); }
-.provider-result { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; padding: 0 4px; border-bottom: 1px solid var(--border-soft); color: var(--text-mid); text-align: left; font-size: 11.5px; }
+.provider-result { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; padding: 0 4px; border-bottom: 1px solid var(--border-soft); color: var(--text-secondary); text-align: left; font-size: 11.5px; }
 
-.hr-quota-reset { color: var(--text-dim); font-size: 11px; }
-.provider-source { display: grid; gap: 5px; font-size: 11.5px; color: var(--text-dim); overflow-wrap: anywhere; }
-.provider-source p, .provider-directory-note { margin: 0; font-size: 11px; color: var(--text-dim); line-height: 1.5; }
-.provider-source a, .provider-directory-note a, .provider-result > a { color: var(--text-mid); text-decoration: underline; text-underline-offset: 3px; }
-.provider-source code { font-size: 11px; color: var(--text-mid); }
+.hr-quota-reset { color: var(--text-tertiary); font-size: 11px; }
+.provider-source { display: grid; gap: 5px; font-size: 11.5px; color: var(--text-tertiary); overflow-wrap: anywhere; }
+.provider-source p, .provider-directory-note { margin: 0; font-size: 11px; color: var(--text-tertiary); line-height: 1.5; }
+.provider-source a, .provider-directory-note a, .provider-result > a { color: var(--text-secondary); text-decoration: underline; text-underline-offset: 3px; }
+.provider-source code { font-size: 11px; color: var(--text-secondary); }
 .provider-result-select { display: flex; flex-direction: column; gap: 3px; align-items: flex-start; min-width: 0; text-align: left; padding: 11px 4px; color: var(--text); }
 .provider-result-select:hover { background: var(--surface-3); }
 .provider-result-select strong { font-size: 12.5px; }
-.provider-result-select code { font-size: 10.5px; color: var(--text-dim); overflow-wrap: anywhere; }
+.provider-result-select code { font-size: 10.5px; color: var(--text-tertiary); overflow-wrap: anywhere; }
 .provider-heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
 .provider-heading .mcp-pane-sub { margin-top: 6px; }
 .providers-pane { gap: 24px; }
@@ -723,16 +676,16 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .provider-method-head { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px 16px; }
 .provider-method-head .hr-block-title { margin: 0; font-size: 14px; font-weight: 600; color: var(--text); }
 .provider-method-head .hr-conn-actions { grid-column: 3; margin: 0; }
-.provider-account { margin: 0; color: var(--text-mid); font-size: 12.5px; overflow-wrap: anywhere; }
+.provider-account { margin: 0; color: var(--text-secondary); font-size: 12.5px; overflow-wrap: anywhere; }
 .provider-quotas { display: grid; gap: 12px; margin-top: 14px; }
 .provider-quotas:empty { display: none; }
 .provider-quotas .us-bar { height: 5px; border: 0; }
 .provider-quotas .hr-quota-pct { font-family: var(--font-sans); font-variant-numeric: tabular-nums; }
-.provider-key-details { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--text-mid); font-size: 12px; overflow-wrap: anywhere; }
-.provider-save-note { margin: 0; color: var(--text-dim); font-size: 12px; }
+.provider-key-details { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--text-secondary); font-size: 12px; overflow-wrap: anywhere; }
+.provider-save-note { margin: 0; color: var(--text-tertiary); font-size: 12px; }
 .providers-pane .provider-add-button { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; min-height: 32px; }
 .providers-pane .set-btn { min-height: 30px; }
-.hrs-pane .set-btn.ghost { border-color: var(--border-loud); background: var(--surface-2); }
+.hrs-pane .set-btn.ghost { border-color: var(--border-strong); background: var(--surface-2); }
 .hrs-pane .set-btn.ghost:hover:not(:disabled) { background: var(--surface-3); }
 .providers-pane .set-btn.ghost { background: transparent; }
 .hr-connect .set-btn:disabled { opacity: 0.45; cursor: default; }
@@ -762,8 +715,8 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   .model-chooser-option { align-items: flex-start; flex-direction: column; gap: 2px; }
 }
 
-.set-switch { position: relative; width: 34px; height: 18px; border-radius: 10px; flex-shrink: 0; background: var(--surface-3); border: 1px solid var(--border-loud); transition: all 140ms; cursor: pointer; }
-.set-switch::after { content: ''; position: absolute; top: 1.5px; left: 1.5px; width: 12px; height: 12px; border-radius: 50%; background: var(--text-dim); transition: all 140ms; }
+.set-switch { position: relative; width: 34px; height: 18px; border-radius: 10px; flex-shrink: 0; background: var(--surface-3); border: 1px solid var(--border-strong); transition: all 140ms; cursor: pointer; }
+.set-switch::after { content: ''; position: absolute; top: 1.5px; left: 1.5px; width: 12px; height: 12px; border-radius: 50%; background: var(--text-tertiary); transition: all 140ms; }
 .set-switch.on { background: color-mix(in oklch, var(--accent) 30%, var(--surface)); border-color: var(--accent); }
 .set-switch.on::after { transform: translateX(16px); background: var(--accent); }
 .set-switch:disabled { opacity: 0.5; cursor: default; }
@@ -772,82 +725,82 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .set-app-toggle { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-2); }
 .set-app-toggle .mt-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
 .set-app-toggle .mt-name { font-family: var(--font-mono); font-size: 12.5px; color: var(--text); }
-.set-app-toggle .mt-desc { font-size: 11.5px; color: var(--text-dim); line-height: 1.4; }
+.set-app-toggle .mt-desc { font-size: 11.5px; color: var(--text-tertiary); line-height: 1.4; }
 
 .set-table { border: 1px solid var(--border); border-radius: 7px; overflow: hidden; }
 .set-thead, .set-trow { display: grid; align-items: center; grid-template-columns: minmax(132px, 1.4fr) 96px minmax(120px, 1.2fr) 104px 86px 86px; gap: 8px; padding: 0 12px; }
 .agents-table .set-thead, .agents-table .set-trow { grid-template-columns: minmax(132px, 1.4fr) 96px minmax(120px, 1.2fr) 104px 72px 72px; }
-.agents-app { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; background: var(--surface); border-bottom: 1px solid var(--border-soft); font-family: var(--font-mono); font-size: 11px; color: var(--text-mid); }
-.agents-app-link { margin-left: auto; background: none; border: none; color: var(--text-dim); font-family: var(--font-mono); font-size: 12px; cursor: pointer; }
+.agents-app { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; background: var(--surface); border-bottom: 1px solid var(--border-soft); font-family: var(--font-mono); font-size: 11px; color: var(--text-secondary); }
+.agents-app-link { margin-left: auto; background: none; border: none; color: var(--text-tertiary); font-family: var(--font-mono); font-size: 12px; cursor: pointer; }
 .agents-app-link:hover { color: var(--text); }
 .agents-agent { padding-left: 24px; }
 .agents-cell { display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-mono); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .agents-cell .ov-dot { flex-shrink: 0; }
-.agents-locked { color: var(--text-faint); }
-.agents-legend { display: flex; gap: 18px; font-family: var(--font-mono); font-size: 10.5px; color: var(--text-dim); }
+.agents-locked { color: var(--text-tertiary); }
+.agents-legend { display: flex; gap: 18px; font-family: var(--font-mono); font-size: 10.5px; color: var(--text-tertiary); }
 .agents-legend .ov-dot { display: inline-block; vertical-align: middle; margin-right: 4px; }
 .set-defaults { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
-.set-thead { height: 32px; background: var(--surface); border-bottom: 1px solid var(--border); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-dim); }
+.set-thead { height: 32px; background: var(--surface); border-bottom: 1px solid var(--border); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-tertiary); }
 .set-trow { min-height: 46px; border-bottom: 1px solid var(--border-soft); background: var(--surface-2); transition: background 90ms; }
 .set-trow:last-child { border-bottom: none; }
 .set-trow:hover { background: var(--surface-3); }
 .agent-cell { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .agent-name { font-family: var(--font-mono); font-size: 12.5px; color: var(--text); letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.agent-desc { font-size: 10.5px; color: var(--text-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.agent-desc { font-size: 10.5px; color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 
-.harness-chip { display: inline-flex; align-items: center; gap: 5px; justify-self: start; padding: 2px 8px; border-radius: 3px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em; color: var(--fam, var(--text-mid)); border: 1px solid color-mix(in oklch, var(--fam, var(--border-loud)) 42%, transparent); }
+.harness-chip { display: inline-flex; align-items: center; gap: 5px; justify-self: start; padding: 2px 8px; border-radius: 3px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em; color: var(--fam, var(--text-secondary)); border: 1px solid color-mix(in oklch, var(--fam, var(--border-strong)) 42%, transparent); }
 .harness-chip .hd { width: 6px; height: 6px; border-radius: 50%; background: var(--fam); }
 
 .set-cell { position: relative; display: flex; align-items: center; gap: 6px; width: 100%; height: 30px; padding: 0 8px; border-radius: 5px; border: 1px solid transparent; background: transparent; font-family: var(--font-mono); font-size: 12px; text-align: left; transition: background 90ms, border-color 90ms; cursor: pointer; }
 .set-cell:hover { background: var(--bg); border-color: var(--border); }
-.set-cell .cell-arrow { margin-left: auto; color: var(--text-faint); font-size: 9px; flex-shrink: 0; }
+.set-cell .cell-arrow { margin-left: auto; color: var(--text-tertiary); font-size: 9px; flex-shrink: 0; }
 .set-cell .cell-val { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.set-cell.inherit { color: var(--text-dim); }
+.set-cell.inherit { color: var(--text-tertiary); }
 .set-cell.override { color: var(--text); border-color: var(--border); background: var(--bg); }
 .set-cell.override .ov-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); flex-shrink: 0; box-shadow: 0 0 6px color-mix(in oklch, var(--accent) 70%, transparent); }
 .set-cell.override:hover { border-color: var(--accent); }
 
-.set-menu { position: fixed; z-index: 80; min-width: 200px; max-height: 320px; overflow: auto; background: var(--surface-3); border: 1px solid var(--border-loud); border-radius: 6px; box-shadow: 0 18px 44px -12px rgba(0, 0, 0, 0.7); padding: 5px; }
-.menu-group { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-faint); padding: 8px 9px 4px; }
-.menu-opt { display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 9px; border-radius: 4px; color: var(--text-mid); font-family: var(--font-mono); font-size: 12.5px; text-align: left; cursor: pointer; background: none; }
+.set-menu { position: fixed; z-index: 80; min-width: 200px; max-height: 320px; overflow: auto; background: var(--surface-3); border: 1px solid var(--border); border-radius: 6px; box-shadow: var(--shadow-dialog); padding: 5px; }
+.menu-group { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-tertiary); padding: 8px 9px 4px; }
+.menu-opt { display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 9px; border-radius: 4px; color: var(--text-secondary); font-family: var(--font-mono); font-size: 12.5px; text-align: left; cursor: pointer; background: none; }
 .menu-opt:hover { background: var(--surface-2); color: var(--text); }
 .menu-opt.sel { background: color-mix(in oklch, var(--accent) 14%, transparent); color: var(--text); }
 .menu-opt .mo-check { width: 12px; color: var(--accent); font-size: 11px; flex-shrink: 0; }
 .menu-opt .mo-main { flex: 1; min-width: 0; }
-.menu-opt .mo-sub { font-size: 10px; color: var(--text-faint); margin-left: 6px; }
+.menu-opt .mo-sub { font-size: 10px; color: var(--text-tertiary); margin-left: 6px; }
 .menu-opt .mo-fam { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
 .menu-div { height: 1px; background: var(--border); margin: 5px 4px; }
-.menu-inherit-note { font-size: 10px; color: var(--text-faint); padding: 0 9px 6px; line-height: 1.4; }
+.menu-inherit-note { font-size: 10px; color: var(--text-tertiary); padding: 0 9px 6px; line-height: 1.4; }
 .model-chooser-trigger { display: flex; align-items: center; text-align: left; background-image: none; }
-.model-chooser-trigger .cell-arrow { margin-left: auto; color: var(--text-faint); font-size: 9px; }
+.model-chooser-trigger .cell-arrow { margin-left: auto; color: var(--text-tertiary); font-size: 9px; }
 .model-chooser { width: min(520px, calc(100vw - 24px)); display: flex; flex-direction: column; gap: 4px; }
-.model-chooser-search { width: 100%; padding: 9px 10px; color: var(--text); background: var(--bg); border: 1px solid var(--border); border-radius: 4px; font-size: 12px; }
+.model-chooser-search { width: 100%; padding: 9px 10px; color: var(--text); background: var(--input); border: 1px solid var(--border-strong); border-radius: 4px; font-size: 12px; }
 .model-chooser-search:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 .model-chooser-group { display: flex; flex-direction: column; border-top: 1px solid var(--border-soft); padding-top: 4px; }
-.model-chooser-provider { display: flex; justify-content: space-between; gap: 16px; padding: 6px 9px 4px; font-size: 11.5px; font-weight: 600; color: var(--text-mid); }
-.model-chooser-provider code { font-family: var(--font-mono); font-size: 10px; font-weight: 400; color: var(--text-faint); }
-.model-chooser-option { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; width: 100%; padding: 7px 9px; border-radius: 4px; color: var(--text-mid); text-align: left; font-size: 12px; }
+.model-chooser-provider { display: flex; justify-content: space-between; gap: 16px; padding: 6px 9px 4px; font-size: 11.5px; font-weight: 600; color: var(--text-secondary); }
+.model-chooser-provider code { font-family: var(--font-mono); font-size: 10px; font-weight: 400; color: var(--text-tertiary); }
+.model-chooser-option { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; width: 100%; padding: 7px 9px; border-radius: 4px; color: var(--text-secondary); text-align: left; font-size: 12px; }
 .model-chooser-option:hover:not(:disabled) { background: var(--surface-2); color: var(--text); }
 .model-chooser-option[aria-selected='true'] { background: color-mix(in oklch, var(--accent) 14%, transparent); color: var(--text); }
 .model-chooser-option:disabled { opacity: 0.5; cursor: not-allowed; }
-.model-chooser-option small { font-family: var(--font-mono); font-size: 9.5px; color: var(--text-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.model-chooser-empty { margin: 8px 9px; font-size: 11.5px; color: var(--text-dim); }
+.model-chooser-option small { font-family: var(--font-mono); font-size: 9.5px; color: var(--text-tertiary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.model-chooser-empty { margin: 8px 9px; font-size: 11.5px; color: var(--text-tertiary); }
 .model-chooser-setup { align-self: flex-start; margin: 5px 9px 8px; color: var(--accent); font-size: 11.5px; }
 .model-chooser-setup:hover { text-decoration: underline; text-underline-offset: 3px; }
-.model-chooser-warning { font-size: 11.5px; color: var(--decision-request-revision); }
+.model-chooser-warning { font-size: 11.5px; color: var(--warning); }
 .model-chooser-option:focus-visible, .model-chooser-setup:focus-visible, .model-chooser-trigger:focus-visible, .set-cell:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 
 .set-btn { white-space: nowrap; padding: 8px 16px; border-radius: 4px; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: 0.02em; transition: all 120ms; cursor: pointer; background: none; }
-.set-btn.ghost { color: var(--text-mid); border: 1px solid var(--border); }
-.set-btn.ghost:hover { color: var(--text); background: var(--surface); border-color: var(--border-loud); }
+.set-btn.ghost { color: var(--text-secondary); border: 1px solid var(--border); }
+.set-btn.ghost:hover { color: var(--text); background: var(--surface); border-color: var(--border-strong); }
 .set-btn.primary { background: color-mix(in oklch, var(--accent) 18%, var(--surface)); color: var(--accent); border: 1px solid color-mix(in oklch, var(--accent) 50%, transparent); }
 .set-btn.primary:hover { background: color-mix(in oklch, var(--accent) 28%, var(--surface)); border-color: var(--accent); }
 .set-btn.primary:disabled { opacity: 0.45; cursor: default; box-shadow: none; }
-.set-btn.danger { color: var(--bucket-dead); border: 1px solid color-mix(in oklch, var(--bucket-dead) 38%, transparent); background: color-mix(in oklch, var(--bucket-dead) 8%, transparent); }
-.set-btn.danger:hover { background: color-mix(in oklch, var(--bucket-dead) 18%, var(--surface)); border-color: var(--bucket-dead); }
+.set-btn.danger { color: var(--danger); border: 1px solid color-mix(in oklch, var(--danger) 38%, transparent); background: color-mix(in oklch, var(--danger) 8%, transparent); }
+.set-btn.danger:hover { background: color-mix(in oklch, var(--danger) 18%, var(--surface)); border-color: var(--danger); }
 
-.set-btn.danger.quiet { color: var(--text-dim); border-color: var(--border); background: none; }
-.set-btn.danger.quiet:hover { color: var(--bucket-dead); }
+.set-btn.danger.quiet { color: var(--text-tertiary); border-color: var(--border); background: none; }
+.set-btn.danger.quiet:hover { color: var(--danger); }
 
 .skill-add { display: flex; align-items: center; gap: 10px; }
 .skill-add input { flex: 1; min-width: 0; }
@@ -862,45 +815,45 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .sc-toggle[aria-expanded='true'] .chev::before { transform: rotate(90deg); }
 .sc-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
 .sc-repo { font-family: var(--font-mono); font-size: 13px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.sc-meta { font-family: var(--font-mono); font-size: 10.5px; color: var(--text-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.sc-meta { font-family: var(--font-mono); font-size: 10.5px; color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .sc-actions { display: flex; gap: 8px; flex-shrink: 0; }
 .sc-skills { display: flex; flex-direction: column; }
 .sc-empty { padding: 10px 14px 12px 33px; }
 .skill-row { display: grid; grid-template-columns: minmax(130px, 0.8fr) minmax(0, 1.5fr) auto; gap: 14px; align-items: center; padding: 10px 14px 10px 33px; border-bottom: 1px solid var(--border-soft); }
 .skill-row:last-child { border-bottom: none; }
 .sk-name { font-family: var(--font-mono); font-size: 12.5px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.sk-desc { font-size: 12px; color: var(--text-mid); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.skill-row.is-off :is(.sk-name, .sk-desc) { color: var(--text-dim); }
+.sk-desc { font-size: 12px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.skill-row.is-off :is(.sk-name, .sk-desc) { color: var(--text-tertiary); }
 .sk-enable { display: inline-flex; align-items: center; gap: 8px; }
-.sk-enable label { font-size: 12px; color: var(--text-mid); cursor: pointer; }
+.sk-enable label { font-size: 12px; color: var(--text-secondary); cursor: pointer; }
 
-.sc-remove { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 11px; color: var(--text-dim); border: 1px solid var(--border); border-radius: 4px; padding: 5px 10px; flex-shrink: 0; cursor: pointer; background: none; }
-.sc-remove:hover { color: var(--bucket-dead); border-color: color-mix(in oklch, var(--bucket-dead) 45%, transparent); background: color-mix(in oklch, var(--bucket-dead) 10%, var(--surface)); }
+.sc-remove { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); border: 1px solid var(--border); border-radius: 4px; padding: 5px 10px; flex-shrink: 0; cursor: pointer; background: none; }
+.sc-remove:hover { color: var(--danger); border-color: color-mix(in oklch, var(--danger) 45%, transparent); background: color-mix(in oklch, var(--danger) 10%, var(--surface)); }
 
 .mcp-servers { display: flex; flex-direction: column; gap: 8px; }
 .mcp-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 14px; align-items: center; padding: 10px 14px; }
 .mcp-row.is-off { opacity: 0.6; }
 .mcp-id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .mcp-name { font-family: var(--font-mono); font-size: 12.5px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.mcp-url { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.mcp-tok { font-family: var(--font-mono); font-size: 10px; padding: 2px 7px; border-radius: 4px; border: 1px solid var(--border); color: var(--text-dim); }
+.mcp-url { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.mcp-tok { font-family: var(--font-mono); font-size: 10px; padding: 2px 7px; border-radius: 4px; border: 1px solid var(--border); color: var(--text-tertiary); }
 
 .mcp-pane { gap: 24px; }
 .mcp-pane > * { max-width: 760px; }
 .mcp-pane-head { display: flex; flex-direction: column; gap: 6px; }
 .mcp-pane-title { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--text); }
-.mcp-pane-sub { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-mid); }
+.mcp-pane-sub { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-secondary); }
 .mcp-section { display: flex; flex-direction: column; gap: 12px; }
 .mcp-h { margin: 0; font-size: 14px; font-weight: 600; color: var(--text); }
 .mcp-h .gl-count { font-weight: 400; }
-.mcp-help { margin: 0; font-size: 12px; line-height: 1.45; color: var(--text-dim); }
+.mcp-help { margin: 0; font-size: 12px; line-height: 1.45; color: var(--text-tertiary); }
 .mcp-h + .mcp-help { margin-top: -8px; }
-.mcp-error { padding: 9px 12px; border: 1px solid color-mix(in oklch, var(--bucket-dead) 40%, transparent); border-radius: 6px; background: color-mix(in oklch, var(--bucket-dead) 8%, var(--surface)); font-size: 12.5px; color: var(--bucket-dead); }
+.mcp-error { padding: 9px 12px; border: 1px solid color-mix(in oklch, var(--danger) 40%, transparent); border-radius: 6px; background: color-mix(in oklch, var(--danger) 8%, var(--surface)); font-size: 12.5px; color: var(--danger); }
 
 .mcp-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
-.mcp-label { font-size: 12px; font-weight: 500; color: var(--text-mid); }
+.mcp-label { font-size: 12px; font-weight: 500; color: var(--text-secondary); }
 .mcp-label.tech { font-family: var(--font-mono); font-size: 11.5px; }
-.mcp-req { font-weight: 400; color: var(--text-faint); }
+.mcp-req { font-weight: 400; color: var(--text-tertiary); }
 .mcp-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 .mcp-pane :is(button, input, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 .mcp-pane button:disabled { opacity: 0.45; cursor: default; }
@@ -909,9 +862,9 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .mcp-offers { display: flex; flex-direction: column; gap: 8px; max-height: 440px; overflow-y: auto; }
 .mcp-offer { display: flex; flex-direction: column; gap: 3px; padding: 10px 13px; }
 .mcp-offer-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
-.mcp-offer-desc { font-size: 12px; color: var(--text-mid); }
+.mcp-offer-desc { font-size: 12px; color: var(--text-secondary); }
 
-.mcp-custom-summary { display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-radius: 7px; font-size: 13px; color: var(--text-mid); cursor: pointer; list-style: none; }
+.mcp-custom-summary { display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-radius: 7px; font-size: 13px; color: var(--text-secondary); cursor: pointer; list-style: none; }
 .mcp-custom-summary::-webkit-details-marker { display: none; }
 .mcp-custom-summary:hover { color: var(--text); }
 .mcp-custom[open] .mcp-custom-summary { border-bottom: 1px solid var(--border); border-radius: 7px 7px 0 0; color: var(--text); }
@@ -928,33 +881,33 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .mcp-scope-list code { font-family: var(--font-mono); font-size: 11.5px; }
 
 .mcp-pane .mcp-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 14px; align-items: start; padding: 12px 14px; transition: border-color 120ms, background 120ms; }
-.mcp-pane .mcp-row:hover { border-color: var(--border-loud); }
+.mcp-pane .mcp-row:hover { border-color: var(--border); }
 .mcp-pane .mcp-row.is-off { opacity: 1; background: var(--surface); }
 .mcp-pane .mcp-row.is-off :is(.mcp-id, .mcp-conn) { opacity: 0.5; }
 
-.mcp-conn { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 500; color: var(--text-dim); white-space: nowrap; }
+.mcp-conn { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 500; color: var(--text-tertiary); white-space: nowrap; }
 .mcp-row .mcp-conn { justify-self: end; padding-top: 2px; }
-.mcp-row .mcp-conn:not(.is-live) { color: var(--decision-request-revision); }
+.mcp-row .mcp-conn:not(.is-live) { color: var(--warning); }
 .mcp-conn-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
-.mcp-conn.is-live { color: var(--outcome-merged); }
-.mcp-conn.is-live .mcp-conn-dot { box-shadow: 0 0 8px color-mix(in oklch, var(--outcome-merged) 60%, transparent); }
+.mcp-conn.is-live { color: var(--success); }
+.mcp-conn.is-live .mcp-conn-dot { box-shadow: 0 0 8px color-mix(in oklch, var(--success) 60%, transparent); }
 .mcp-row-foot { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 12px; padding-top: 11px; border-top: 1px solid var(--border-soft); }
 .mcp-enable { display: inline-flex; align-items: center; gap: 9px; }
-.mcp-enable-label { font-size: 12.5px; color: var(--text-mid); }
+.mcp-enable-label { font-size: 12.5px; color: var(--text-secondary); }
 .mcp-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
 
 
-.svc-back { padding: 0; border: none; background: none; font: inherit; font-size: 12.5px; color: var(--text-mid); cursor: pointer; }
+.svc-back { padding: 0; border: none; background: none; font: inherit; font-size: 12.5px; color: var(--text-secondary); cursor: pointer; }
 .svc-back:hover { color: var(--text); }
 .svc-detail-head { display: flex; align-items: center; gap: 12px; }
 .svc-facts { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; }
 .svc-fact { display: flex; gap: 12px; min-width: 0; font-family: var(--font-mono); font-size: 12px; }
-.svc-fact-key { color: var(--text-dim); flex-shrink: 0; }
+.svc-fact-key { color: var(--text-tertiary); flex-shrink: 0; }
 .svc-fact-val { color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .svc-revoked { opacity: 0.55; }
-.svc-meta { margin: 0; font-size: 12px; color: var(--text-faint); }
+.svc-meta { margin: 0; font-size: 12px; color: var(--text-tertiary); }
 .svc-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
-.svc-alt { align-self: flex-start; padding: 0; border: none; background: none; font: inherit; font-size: 12.5px; color: var(--text-mid); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
+.svc-alt { align-self: flex-start; padding: 0; border: none; background: none; font: inherit; font-size: 12.5px; color: var(--text-secondary); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
 .svc-alt:hover { color: var(--text); }
 .svc-pane a.set-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 
@@ -962,31 +915,31 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .browser-session-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 18px; padding: 13px 14px; }
 .browser-session-identity { display: flex; align-items: baseline; gap: 9px; min-width: 0; }
 .browser-session-name { font-family: var(--font-mono); font-size: 12.5px; color: var(--text); }
-.browser-session-format { font-size: 11.5px; color: var(--text-dim); }
-.browser-session-site { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.browser-session-format { font-size: 11.5px; color: var(--text-tertiary); }
+.browser-session-site { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .browser-session-status { justify-self: end; }
-.browser-session-status.is-ready { color: var(--outcome-merged); }
-.browser-session-status.is-ready .mcp-conn-dot { box-shadow: 0 0 8px color-mix(in oklch, var(--outcome-merged) 60%, transparent); }
-.browser-session-status.is-needs-login { color: var(--decision-request-revision); }
-.browser-session-status.is-stale { color: var(--bucket-dead); }
+.browser-session-status.is-ready { color: var(--success); }
+.browser-session-status.is-ready .mcp-conn-dot { box-shadow: 0 0 8px color-mix(in oklch, var(--success) 60%, transparent); }
+.browser-session-status.is-needs-login { color: var(--warning); }
+.browser-session-status.is-stale { color: var(--danger); }
 .browser-session-times { display: flex; gap: 24px; margin: 0; }
 .browser-session-times div { display: flex; gap: 7px; }
-.browser-session-times dt { font-size: 11.5px; color: var(--text-faint); }
-.browser-session-times dd { margin: 0; font-family: var(--font-mono); font-size: 11.5px; color: var(--text-mid); }
+.browser-session-times dt { font-size: 11.5px; color: var(--text-tertiary); }
+.browser-session-times dd { margin: 0; font-family: var(--font-mono); font-size: 11.5px; color: var(--text-secondary); }
 .browser-session-actions { display: flex; justify-content: flex-end; gap: 8px; }
-.browser-session-undeclared { align-self: center; font-size: 11.5px; color: var(--text-faint); }
+.browser-session-undeclared { align-self: center; font-size: 11.5px; color: var(--text-tertiary); }
 
-.page-login-window .page-shell-body { flex: 1; min-height: 0; background: #080a0c; }
+.page-login-window .page-shell-body { flex: 1; min-height: 0; background: var(--bg); }
 .login-window-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 20px; border-bottom: 1px solid var(--border); background: var(--surface); }
 .login-window-head h1 { margin: 3px 0 2px; font-family: var(--font-mono); font-size: 16px; font-weight: 500; }
-.login-window-kicker { color: var(--text-faint); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; }
-.login-window-connection { margin: 0; color: var(--text-mid); font-size: 12px; }
-.login-window-connection.is-connected { color: var(--outcome-merged); }
-.login-window-connection.is-error { color: var(--bucket-dead); }
+.login-window-kicker { color: var(--text-tertiary); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; }
+.login-window-connection { margin: 0; color: var(--text-secondary); font-size: 12px; }
+.login-window-connection.is-connected { color: var(--success); }
+.login-window-connection.is-error { color: var(--danger); }
 .login-window-actions { display: flex; gap: 8px; }
 .login-window-actions .set-btn { min-width: 86px; }
 .login-window-actions .set-btn:disabled { opacity: 0.45; cursor: default; }
-.login-window-error { padding: 10px 20px; border-bottom: 1px solid color-mix(in oklch, var(--bucket-dead) 45%, transparent); color: var(--bucket-dead); background: color-mix(in oklch, var(--bucket-dead) 8%, #080a0c); font-size: 12px; }
+.login-window-error { padding: 10px 20px; border-bottom: 1px solid color-mix(in oklch, var(--danger) 45%, transparent); color: var(--danger); background: color-mix(in oklch, var(--danger) 8%, var(--bg)); font-size: 12px; }
 .login-window-canvas { display: flex; flex: 1; min-height: 0; align-items: center; justify-content: center; overflow: hidden; }
 .login-window-canvas canvas { max-width: 100%; max-height: 100%; object-fit: contain; }
 
@@ -1024,7 +977,7 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 ::-webkit-scrollbar { width: 8px; height: 8px; }
 ::-webkit-scrollbar-track { background: var(--bg); }
 ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
-::-webkit-scrollbar-thumb:hover { background: var(--border-loud); }
+::-webkit-scrollbar-thumb:hover { background: var(--border-soft); }
 
 [class*="tweaks"] { font-family: var(--font-mono); }
 
@@ -1075,15 +1028,15 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .markdown-content h1 { font-size: 1.25em; }
 .markdown-content h2 { font-size: 1.15em; }
 .markdown-content h3 { font-size: 1.05em; }
-.markdown-content h4 { font-size: 1em; color: var(--text-mid); }
+.markdown-content h4 { font-size: 1em; color: var(--text-secondary); }
 .markdown-content blockquote {
   margin: 0.5em 0;
   padding-left: 12px;
-  border-left: 2px solid var(--border-loud);
-  color: var(--text-mid);
+  border-left: 2px solid var(--border-soft);
+  color: var(--text-secondary);
 }
 .markdown-content a {
-  color: var(--bucket-run);
+  color: var(--accent);
   text-decoration: underline;
   text-underline-offset: 2px;
 }
@@ -1123,50 +1076,50 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 }
 .us-head-poll {
   display: inline-flex; align-items: center; gap: 6px;
-  font-size: 11px; color: var(--text-dim);
+  font-size: 11px; color: var(--text-tertiary);
 }
-.us-head-poll .live-dot { background: var(--bucket-run); }
+.us-head-poll .live-dot { background: var(--info); }
 .us-head-spacer { flex: 1; }
-.us-head-updated { font-size: 11px; color: var(--text-dim); }
+.us-head-updated { font-size: 11px; color: var(--text-tertiary); }
 .us-refresh {
   display: inline-flex; align-items: center; gap: 7px;
   height: 28px; padding: 0 12px;
   font-size: 12px;
-  color: var(--bucket-run);
-  border: 1px solid color-mix(in oklch, var(--bucket-run) 40%, transparent);
+  color: var(--accent);
+  border: 1px solid color-mix(in oklch, var(--accent) 40%, transparent);
   border-radius: 3px;
-  background: color-mix(in oklch, var(--bucket-run) 12%, var(--surface));
+  background: color-mix(in oklch, var(--accent) 12%, var(--surface));
   cursor: pointer;
   transition: all 120ms;
 }
-.us-refresh:hover:not(:disabled) { border-color: var(--bucket-run); background: color-mix(in oklch, var(--bucket-run) 22%, var(--surface)); }
-.us-refresh:disabled { color: var(--text-dim); border-color: var(--border); background: var(--surface); cursor: default; }
+.us-refresh:hover:not(:disabled) { border-color: var(--accent); background: color-mix(in oklch, var(--accent) 22%, var(--surface)); }
+.us-refresh:disabled { color: var(--text-tertiary); border-color: var(--border); background: var(--surface); cursor: default; }
 .us-refresh-glyph { font-size: 12px; transition: transform 400ms; }
 .us-refresh:hover:not(:disabled) .us-refresh-glyph { transform: rotate(180deg); }
 
 .us-alert {
   display: flex; align-items: stretch; gap: 0;
-  border: 1px solid color-mix(in oklch, var(--bucket-dead) 50%, var(--border));
-  border-left: 3px solid var(--bucket-dead);
+  border: 1px solid color-mix(in oklch, var(--danger) 50%, var(--border));
+  border-left: 3px solid var(--danger);
   border-radius: 4px;
   background:
-    linear-gradient(90deg, color-mix(in oklch, var(--bucket-dead) 14%, var(--surface)) 0%, var(--surface) 60%);
+    linear-gradient(90deg, color-mix(in oklch, var(--danger) 14%, var(--surface)) 0%, var(--surface) 60%);
   margin-bottom: 24px;
   overflow: hidden;
 }
 .us-alert-glyph {
   display: flex; align-items: center; justify-content: center;
   width: 52px; flex-shrink: 0;
-  color: var(--bucket-dead);
-  border-right: 1px solid color-mix(in oklch, var(--bucket-dead) 24%, var(--border));
+  color: var(--danger);
+  border-right: 1px solid color-mix(in oklch, var(--danger) 24%, var(--border));
 }
 .us-alert-dot {
   width: 9px; height: 9px; border-radius: 50%;
-  background: var(--bucket-dead);
+  background: var(--danger);
   animation: usAlertPulse 1.8s ease-out infinite;
 }
 @keyframes usAlertPulse {
-  0%   { box-shadow: 0 0 0 0 color-mix(in oklch, var(--bucket-dead) 60%, transparent); }
+  0%   { box-shadow: 0 0 0 0 color-mix(in oklch, var(--danger) 60%, transparent); }
   70%  { box-shadow: 0 0 0 7px transparent; }
   100% { box-shadow: 0 0 0 0 transparent; }
 }
@@ -1175,19 +1128,19 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .us-alert-title { font-size: 14px; font-weight: 500; color: var(--text); letter-spacing: 0.01em; white-space: nowrap; }
 .us-alert-tag {
   font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase;
-  color: var(--bucket-dead); white-space: nowrap;
-  border: 1px solid color-mix(in oklch, var(--bucket-dead) 45%, transparent);
+  color: var(--danger); white-space: nowrap;
+  border: 1px solid color-mix(in oklch, var(--danger) 45%, transparent);
   border-radius: 2px; padding: 1px 6px;
 }
-.us-alert-sub { font-size: 12.5px; color: var(--text-mid); line-height: 1.5; }
+.us-alert-sub { font-size: 12.5px; color: var(--text-secondary); line-height: 1.5; }
 .us-alert-sub b { color: var(--text); font-weight: 500; }
 .us-alert-right {
   display: flex; flex-direction: column; align-items: flex-end; justify-content: center;
   gap: 8px; padding: 13px 18px; flex-shrink: 0;
-  border-left: 1px solid color-mix(in oklch, var(--bucket-dead) 18%, var(--border));
+  border-left: 1px solid color-mix(in oklch, var(--danger) 18%, var(--border));
 }
-.us-alert-count-label { font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-dim); }
-.us-alert-count { font-family: var(--font-mono); font-size: 26px; font-weight: 500; color: var(--bucket-dead); line-height: 1; font-variant-numeric: tabular-nums; }
+.us-alert-count-label { font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-tertiary); }
+.us-alert-count { font-family: var(--font-mono); font-size: 26px; font-weight: 500; color: var(--danger); line-height: 1; font-variant-numeric: tabular-nums; }
 
 .us-grid {
   display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 16px;
@@ -1208,8 +1161,8 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 
 .us-prov-dot {
   width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
-  background: var(--fam, var(--text-dim));
-  box-shadow: 0 0 7px color-mix(in oklch, var(--fam, var(--text-dim)) 55%, transparent);
+  background: var(--fam, var(--text-tertiary));
+  box-shadow: 0 0 7px color-mix(in oklch, var(--fam, var(--text-tertiary)) 55%, transparent);
 }
 .us-prov-name {
   min-width: 0; overflow-wrap: anywhere;
@@ -1218,11 +1171,11 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 }
 .us-prov-plan {
   font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase;
-  color: var(--text-mid);
-  border: 1px solid var(--border-loud); border-radius: 2px; padding: 1px 6px;
+  color: var(--text-secondary);
+  border: 1px solid var(--border); border-radius: 2px; padding: 1px 6px;
 }
 .us-prov-spacer { flex: 1; }
-.us-prov-scraped { font-family: var(--font-sans); font-size: 13px; color: var(--text-dim); overflow-wrap: anywhere; }
+.us-prov-scraped { font-family: var(--font-sans); font-size: 13px; color: var(--text-tertiary); overflow-wrap: anywhere; }
 .us-prov-windows { padding: 6px 18px 16px; display: flex; flex-direction: column; }
 .us-prov-empty {
   font-family: var(--font-sans); font-size: 15px;
@@ -1231,12 +1184,12 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 }
 .us-prov-warn {
   font-size: 11px;
-  color: var(--decision-request-revision);
+  color: var(--warning);
   margin: 0 18px 14px;
   padding: 6px 8px;
-  border: 1px solid color-mix(in oklch, var(--decision-request-revision) 30%, transparent);
+  border: 1px solid color-mix(in oklch, var(--warning) 30%, transparent);
   border-radius: 2px;
-  background: color-mix(in oklch, var(--decision-request-revision) 6%, transparent);
+  background: color-mix(in oklch, var(--warning) 6%, transparent);
 }
 .us-prov .usage-raw { padding: 0 18px 14px; }
 
@@ -1244,7 +1197,7 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .us-win:last-child { border-bottom: none; }
 .us-win-top { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 9px; }
 .us-win-label {
-  font-size: 12px; color: var(--text-mid);
+  font-size: 12px; color: var(--text-secondary);
   letter-spacing: 0.02em; white-space: nowrap;
 }
 .us-win-label b { color: var(--text); font-weight: 500; }
@@ -1253,7 +1206,7 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   display: inline-flex; align-items: baseline; gap: 4px;
 }
 .us-win-pct-num { font-size: 19px; font-weight: 500; line-height: 1; }
-.us-win-pct-unit { font-size: 11px; color: var(--text-dim); letter-spacing: 0.04em; }
+.us-win-pct-unit { font-size: 11px; color: var(--text-tertiary); letter-spacing: 0.04em; }
 .us-win-missing { padding-bottom: 8px; }
 .us-week-carousel { border-bottom: 1px dashed var(--border-soft); }
 .us-week-carousel:last-child { border-bottom: none; }
@@ -1266,12 +1219,12 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   display: inline-flex; align-items: center; justify-content: center;
   width: 22px; height: 22px; padding: 0;
   border: 1px solid transparent; border-radius: 2px;
-  background: transparent; color: var(--text-dim);
+  background: transparent; color: var(--text-tertiary);
   font-size: 17px; line-height: 1; cursor: pointer;
 }
-.us-week-arrow:hover { color: var(--text-mid); border-color: var(--border); background: var(--surface-2); }
+.us-week-arrow:hover { color: var(--text-secondary); border-color: var(--border); background: var(--surface-2); }
 .us-week-arrow:focus-visible,
-.us-week-dot:focus-visible { outline: 1px solid var(--fam); outline-offset: 1px; }
+.us-week-dot:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
 .us-week-dots { display: inline-flex; align-items: center; gap: 6px; }
 .us-week-dot {
   position: relative;
@@ -1281,13 +1234,13 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .us-week-dot::after {
   content: ''; position: absolute; left: 50%; top: 50%;
   width: 5px; height: 5px; border-radius: 50%;
-  background: var(--text-faint); transform: translate(-50%, -50%);
+  background: var(--text-tertiary); transform: translate(-50%, -50%);
 }
-.us-week-dot.is-current::after { background: var(--text-mid); }
+.us-week-dot.is-current::after { background: var(--text-secondary); }
 
-.h-ok   { color: var(--outcome-merged); }
-.h-warn { color: var(--decision-request-revision); }
-.h-crit { color: var(--bucket-dead); }
+.h-ok   { color: var(--success); }
+.h-warn { color: var(--warning); }
+.h-crit { color: var(--danger); }
 
 .us-bar {
   position: relative; height: 14px; border-radius: 7px;
@@ -1302,27 +1255,26 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .us-bar-fill {
   position: absolute; left: 0; top: 0; bottom: 0;
   border-radius: 7px 0 0 7px;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
 }
 .us-bar-fill.is-full { border-radius: 7px; }
-.fill-ok   { background: linear-gradient(180deg, color-mix(in oklch, var(--outcome-merged) 92%, white), var(--outcome-merged)); }
-.fill-warn { background: linear-gradient(180deg, color-mix(in oklch, var(--decision-request-revision) 92%, white), var(--decision-request-revision)); }
-.fill-crit { background: linear-gradient(180deg, color-mix(in oklch, var(--bucket-dead) 92%, white), var(--bucket-dead)); }
+.fill-ok   { background: linear-gradient(180deg, color-mix(in oklch, var(--success) 92%, var(--on-accent)), var(--success)); }
+.fill-warn { background: linear-gradient(180deg, color-mix(in oklch, var(--warning) 92%, var(--on-accent)), var(--warning)); }
+.fill-crit { background: linear-gradient(180deg, color-mix(in oklch, var(--danger) 92%, var(--on-accent)), var(--danger)); }
 
 .us-bar.is-empty {
   background:
     repeating-linear-gradient(-45deg,
-      color-mix(in oklch, var(--bucket-dead) 16%, transparent) 0 6px,
+      color-mix(in oklch, var(--danger) 16%, transparent) 0 6px,
       transparent 6px 12px),
     var(--surface-2);
-  border-color: color-mix(in oklch, var(--bucket-dead) 40%, var(--border));
-  box-shadow: inset 0 0 14px color-mix(in oklch, var(--bucket-dead) 22%, transparent);
+  border-color: color-mix(in oklch, var(--danger) 40%, var(--border));
+  box-shadow: inset 0 0 14px color-mix(in oklch, var(--danger) 22%, transparent);
 }
 
 .us-bar.is-unmetered .us-bar-fill {
   background: linear-gradient(180deg,
-    color-mix(in oklch, var(--outcome-merged) 40%, var(--surface-3)),
-    color-mix(in oklch, var(--outcome-merged) 28%, var(--surface-3)));
+    color-mix(in oklch, var(--success) 40%, var(--surface-3)),
+    color-mix(in oklch, var(--success) 28%, var(--surface-3)));
   box-shadow: none;
 }
 
@@ -1332,17 +1284,17 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 }
 .us-burn {
   display: inline-flex; align-items: center; gap: 7px;
-  font-size: 11px; color: var(--text-dim);
+  font-size: 11px; color: var(--text-tertiary);
   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;
 }
 .us-reset {
   display: inline-flex; align-items: center; gap: 6px;
-  font-size: 11px; color: var(--text-mid);
+  font-size: 11px; color: var(--text-secondary);
   white-space: nowrap;
 }
-.us-reset-label { color: var(--text-dim); }
+.us-reset-label { color: var(--text-tertiary); }
 .us-reset-val { color: var(--text); font-variant-numeric: tabular-nums; }
-.us-reset.is-hot .us-reset-val { color: var(--decision-request-revision); }
+.us-reset.is-hot .us-reset-val { color: var(--warning); }
 
 .us-unmetered-used {
   display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
@@ -1354,7 +1306,7 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 }
 .us-unmetered-used-label {
   font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase;
-  color: var(--text-dim);
+  color: var(--text-tertiary);
 }
 .us-unmetered-used-val { color: var(--text); font-variant-numeric: tabular-nums; }
 
@@ -1362,7 +1314,7 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .us-spark-cap {
   display: flex; align-items: center; justify-content: space-between; gap: 8px;
   font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase;
-  color: var(--text-faint); margin-bottom: 4px; white-space: nowrap;
+  color: var(--text-tertiary); margin-bottom: 4px; white-space: nowrap;
 }
 .us-spark { display: block; width: 100%; height: 34px; }
 
@@ -1370,12 +1322,12 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
   margin-bottom: 14px;
 }
-.us-section-rule { width: 3px; height: 13px; background: var(--bucket-run); border-radius: 1px; }
+.us-section-rule { width: 3px; height: 13px; background: var(--accent); border-radius: 1px; }
 .us-section-title {
   font-family: var(--font-sans); font-size: 18px; font-weight: 500;
   letter-spacing: 0; color: var(--text);
 }
-.us-section-sub { font-family: var(--font-sans); font-size: 13px; color: var(--text-dim); }
+.us-section-sub { font-family: var(--font-sans); font-size: 13px; color: var(--text-tertiary); }
 
 .us-today { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 16px; }
 .us-tile {
@@ -1388,7 +1340,7 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .us-tile-top { display: flex; align-items: baseline; justify-content: space-between; }
 .us-tile-label {
   font-family: var(--font-sans); font-size: 13px; letter-spacing: 0;
-  color: var(--text-dim);
+  color: var(--text-tertiary);
 }
 .us-tile-value {
   font-size: 30px; font-weight: 500; color: var(--text);
@@ -1401,16 +1353,16 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   background: var(--surface-2); border: 1px solid var(--border);
 }
 
-.us-split-seg { height: 100%; background: var(--text-dim); }
+.us-split-seg { height: 100%; background: var(--text-tertiary); }
 .us-split-legend { display: flex; flex-direction: column; gap: 5px; }
 .us-split-row {
   display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 8px;
   font-size: 11px;
 }
-.us-split-swatch { width: 8px; height: 8px; border-radius: 2px; background: var(--text-dim); }
-.us-split-name { color: var(--text-mid); }
+.us-split-swatch { width: 8px; height: 8px; border-radius: 2px; background: var(--text-tertiary); }
+.us-split-name { color: var(--text-secondary); }
 .us-split-amt { color: var(--text); font-variant-numeric: tabular-nums; }
-.us-split-amt.is-zero { color: var(--text-faint); }
+.us-split-amt.is-zero { color: var(--text-tertiary); }
 
 .us-hours {
   background: var(--surface); border: 1px solid var(--border); border-radius: 4px;
@@ -1423,9 +1375,9 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   display: flex; flex-direction: column-reverse; overflow: hidden;
 }
 .us-hour-bar.is-empty { background: var(--surface-3); }
-.us-hour-bar.is-now { box-shadow: 0 0 8px color-mix(in oklch, var(--accent-amber) 50%, transparent); }
-.us-hour-seg { width: 100%; background: color-mix(in oklch, var(--text-dim) 70%, var(--surface-3)); }
-.us-hours-axis { display: flex; justify-content: space-between; font-size: 9px; color: var(--text-faint); letter-spacing: 0.04em; }
+.us-hour-bar.is-now { box-shadow: 0 0 8px color-mix(in oklch, var(--warning) 50%, transparent); }
+.us-hour-seg { width: 100%; background: color-mix(in oklch, var(--text-tertiary) 70%, var(--surface-3)); }
+.us-hours-axis { display: flex; justify-content: space-between; font-size: 9px; color: var(--text-tertiary); letter-spacing: 0.04em; }
 
 @media (max-width: 920px) {
   .us-today { grid-template-columns: 1fr; }
@@ -1451,26 +1403,25 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   word-break: break-all;
   max-height: 200px;
   overflow: auto;
-  color: var(--text-dim);
+  color: var(--text-tertiary);
 }
 
 .wi-facts {
   display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 10px 24px; margin-top: 2px;
-  font-size: 11px; color: var(--text-dim);
+  font-size: 11px; color: var(--text-tertiary);
 }
 .wi-fact { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
-.wi-fact-k { color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.08em; font-size: 9.5px; }
-.wi-fact-v { color: var(--text-mid); overflow-wrap: anywhere; }
+.wi-fact-k { color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.08em; font-size: 9.5px; }
+.wi-fact-v { color: var(--text-secondary); overflow-wrap: anywhere; }
 .wi-stat-label { white-space: nowrap; }
 
 :root {
-  --wic-scheduled: var(--text-faint);
-  --wic-running:   var(--bucket-run);
-  --wic-finished:  var(--outcome-merged);
-  --wic-failed:    var(--bucket-dead);
-  --wic-cancelled: var(--outcome-abandoned);
-  --wic-human:     var(--bucket-human);
+  --wic-scheduled: var(--text-tertiary);
+  --wic-finished:  var(--success);
+  --wic-failed:    var(--danger);
+  --wic-cancelled: var(--text-tertiary);
+  --wic-human:     var(--warning);
 }
 
 .wic-op {
@@ -1478,9 +1429,9 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   padding: 9px 14px 9px 10px; cursor: pointer;
   border-left: 2px solid transparent; position: relative;
 }
-.wic-op:hover { background: var(--surface-2); border-left-color: var(--text-faint); }
-.wic-op-selected { background: var(--surface-2); border-left-color: var(--bucket-run); }
-.wic-op-running { background: color-mix(in oklch, var(--bucket-run) 6%, transparent); }
+.wic-op:hover { background: var(--surface-2); border-left-color: var(--text-tertiary); }
+.wic-op-selected { background: var(--surface-2); border-left-color: var(--accent); }
+.wic-op-running { background: color-mix(in oklch, var(--info) 6%, transparent); }
 
 .wic-op-spine { display: flex; justify-content: center; position: relative; padding-top: 1px; }
 .wic-op-spine::before { content: ''; position: absolute; top: 16px; bottom: -13px; left: 50%; width: 1px; background: var(--border); transform: translateX(-0.5px); }
@@ -1491,7 +1442,7 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   background: var(--bg); border: 1px solid var(--border); font-size: 9px;
 }
 .wic-node-scheduled { color: var(--wic-scheduled); border-color: var(--border); }
-.wic-node-running, .wic-node-cancelling { color: var(--wic-running); border-color: var(--wic-running); animation: pulse 1.6s ease-in-out infinite; }
+.wic-node-running, .wic-node-cancelling { color: var(--info); border-color: var(--info); animation: pulse 1.6s ease-in-out infinite; }
 .wic-node-parked { color: var(--wic-human); border-color: var(--wic-human); animation: pulse 1.6s ease-in-out infinite; }
 .wic-node-finished  { color: var(--wic-finished);  border-color: var(--wic-finished); }
 .wic-node-failed    { color: var(--wic-failed);     border-color: var(--wic-failed); }
@@ -1500,33 +1451,33 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .wic-op-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
 .wic-op-row1 { display: flex; align-items: center; gap: 8px; min-width: 0; }
 .wic-op-kind { font-size: 13px; color: var(--text); white-space: nowrap; }
-.wic-op-owner { font-family: var(--font-mono); font-size: 10.5px; color: var(--text-faint); margin-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.wic-op-sub { font-family: var(--font-mono); font-size: 11px; color: var(--text-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.wic-sub-running, .wic-sub-cancelling { color: var(--wic-running); }
+.wic-op-owner { font-family: var(--font-mono); font-size: 10.5px; color: var(--text-tertiary); margin-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.wic-op-sub { font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.wic-sub-running, .wic-sub-cancelling { color: var(--info); }
 .wic-sub-parked { color: var(--wic-human); }
 .wic-sub-failed    { color: var(--wic-failed); }
-.wic-sub-scheduled { color: var(--text-faint); }
+.wic-sub-scheduled { color: var(--text-tertiary); }
 
 .wic-op-ledger { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; white-space: nowrap; }
-.wic-op-dur { font-family: var(--font-mono); font-size: 11px; color: var(--text-dim); font-variant-numeric: tabular-nums; }
-.wic-op-cost { font-family: var(--font-mono); font-size: 11px; color: var(--text-mid); font-variant-numeric: tabular-nums; }
+.wic-op-dur { font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); font-variant-numeric: tabular-nums; }
+.wic-op-cost { font-family: var(--font-mono); font-size: 11px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
 
 .wic-call {
   display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 8px; align-items: center;
   padding: 5px 14px 5px 34px; cursor: pointer;
   border-left: 2px solid transparent;
 }
-.wic-call:hover { background: var(--surface-2); border-left-color: var(--text-faint); }
-.wic-call-selected { background: var(--surface-2); border-left-color: var(--bucket-run); }
+.wic-call:hover { background: var(--surface-2); border-left-color: var(--text-tertiary); }
+.wic-call-selected { background: var(--surface-2); border-left-color: var(--accent); }
 .wic-call-glyph { font-size: 9px; text-align: center; }
-.wic-g-running   { color: var(--wic-running); animation: pulse 1.6s ease-in-out infinite; }
+.wic-g-running   { color: var(--info); animation: pulse 1.6s ease-in-out infinite; }
 .wic-g-succeeded { color: var(--wic-finished); }
 .wic-g-failed    { color: var(--wic-failed); }
 .wic-g-abandoned { color: var(--wic-cancelled); }
-.wic-call-label { font-size: 12px; color: var(--text-mid); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.wic-call-label { font-size: 12px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .wic-call-ledger { display: flex; gap: 10px; white-space: nowrap; }
 .wic-retry { margin-top: 4px; border-top: 1px solid var(--border); }
-.wic-retry .wic-call-glyph, .wic-retry .wic-call-label { font-family: var(--font-mono); font-size: 11px; color: var(--text-dim); }
+.wic-retry .wic-call-glyph, .wic-retry .wic-call-label { font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); }
 .wic-status { padding-bottom: 8px; }
 .wic-status .wic-op-sub { grid-column: 2; }
 /* The build's rail runs down through its retries, under the header's node. */
@@ -1534,47 +1485,46 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .wic-run-chain::before { content: ''; position: absolute; top: 26px; bottom: 12px; left: 27px; width: 1px; background: var(--border); transform: translateX(-0.5px); }
 
 :root {
-  --ins-scheduled: var(--text-faint);
-  --ins-running:   var(--bucket-run);
-  --ins-finished:  var(--outcome-merged);
-  --ins-failed:    var(--bucket-dead);
-  --ins-human:     var(--bucket-human);
+  --ins-scheduled: var(--text-tertiary);
+  --ins-finished:  var(--success);
+  --ins-failed:    var(--danger);
+  --ins-human:     var(--warning);
 }
 
 .ins-crumb {
   display: flex; align-items: center; gap: 10px;
   padding: 8px 18px; border-bottom: 1px solid var(--border); background: var(--surface);
 }
-.ins-crumb-back { font-family: var(--font-mono); font-size: 11px; color: var(--text-dim); white-space: nowrap; flex-shrink: 0; }
+.ins-crumb-back { font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); white-space: nowrap; flex-shrink: 0; }
 .ins-crumb-back:hover { color: var(--text); }
 
 .ins-panel { border-bottom: 1px solid var(--border); }
 .ins-panel-head { display: flex; align-items: center; justify-content: space-between; padding: 9px 14px 8px; position: sticky; top: 0; background: var(--surface); z-index: 1; }
-.ins-panel-title { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-dim); }
-.ins-panel-right { font-family: var(--font-mono); font-size: 10px; color: var(--text-faint); }
+.ins-panel-title { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-tertiary); }
+.ins-panel-right { font-family: var(--font-mono); font-size: 10px; color: var(--text-tertiary); }
 
 .ins-info { padding: 2px 14px 14px; display: flex; flex-direction: column; gap: 11px; }
 .ins-status-row { display: flex; }
 .ins-status { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.02em; }
 .ins-status-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 7px currentColor; flex-shrink: 0; }
-.ins-status-running  { color: var(--bucket-run); }
-.ins-status-needsyou { color: var(--bucket-human); }
-.ins-status-failed   { color: var(--bucket-dead); }
-.ins-status-merged   { color: var(--outcome-merged); }
-.ins-status-cancelled { color: var(--outcome-abandoned); }
-.ins-status-queued   { color: var(--text-dim); }
+.ins-status-running  { color: var(--info); }
+.ins-status-needsyou { color: var(--warning); }
+.ins-status-failed   { color: var(--danger); }
+.ins-status-merged   { color: var(--success); }
+.ins-status-cancelled { color: var(--text-tertiary); }
+.ins-status-queued   { color: var(--text-tertiary); }
 .ins-status-running .ins-status-dot, .ins-status-needsyou .ins-status-dot { animation: pulse 1.4s ease-in-out infinite; }
 .ins-fields { display: flex; flex-direction: column; gap: 0; }
 .ins-field { display: grid; grid-template-columns: 58px 1fr; gap: 10px; align-items: baseline; padding: 5px 0; border-top: 1px solid var(--border-soft); }
 .ins-field:first-child { border-top: none; }
-.ins-field-k { font-family: var(--font-mono); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.09em; color: var(--text-faint); }
-.ins-field-v { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-mid); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.ins-link { color: var(--bucket-run); display: inline-flex; align-items: center; gap: 4px; }
+.ins-field-k { font-family: var(--font-mono); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.09em; color: var(--text-tertiary); }
+.ins-field-v { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ins-link { color: var(--accent); display: inline-flex; align-items: center; gap: 4px; }
 .ins-link:hover { text-decoration: underline; }
 .ins-link-arrow { font-size: 9px; }
 .ins-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2px; border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--border); }
 .ins-stat { background: var(--surface); padding: 8px 10px; display: flex; flex-direction: column; gap: 3px; }
-.ins-stat-k { font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-dim); }
+.ins-stat-k { font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-tertiary); }
 .ins-stat-v { font-family: var(--font-mono); font-size: 13px; color: var(--text); font-variant-numeric: tabular-nums; }
 
 .ins-timeline { padding: 6px 0 10px; }
@@ -1585,111 +1535,111 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .ins-hero-dash { color: var(--text); margin: 0 8px; }
 
 .ins-step-head { display: flex; align-items: center; flex-wrap: wrap; padding: 11px 24px; border-bottom: 1px solid var(--border); background: var(--bg); position: sticky; top: 53px; z-index: 3; }
-.ins-sh-meta { display: inline-flex; align-items: center; font-family: var(--font-mono); font-size: 11px; color: var(--text-dim); }
+.ins-sh-meta { display: inline-flex; align-items: center; font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); }
 .ins-sh-cell { padding: 0 13px; border-left: 1px solid var(--border); white-space: nowrap; }
 .ins-sh-cell:first-child { border-left: none; padding-left: 0; }
-.ins-sh-k { color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.09em; font-size: 9.5px; }
+.ins-sh-k { color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.09em; font-size: 9.5px; }
 
 .ins-step-body { padding: 18px 24px 32px; }
 
-.ins-xscript { border: 1px solid var(--border); border-radius: 5px; padding: 14px 16px; background: color-mix(in oklch, var(--bg) 70%, #000); }
+.ins-xscript { border: 1px solid var(--border); border-radius: 5px; padding: 14px 16px; background: color-mix(in oklch, var(--bg) 70%, var(--surface-2)); }
 /* The boxed transcript scrolls itself (stick-to-bottom lives in
    StreamTranscript); the full-run page leaves it uncapped and scrolls the
    page instead. */
 .ins-xscript .stream-transcript { max-height: min(68vh, 760px); overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; }
-.ins-stream { font-family: var(--font-mono); font-size: 12px; line-height: 1.7; display: flex; flex-direction: column; gap: 1px; border: 1px solid var(--border); border-radius: 5px; padding: 14px 16px; background: color-mix(in oklch, var(--bg) 70%, #000); }
+.ins-stream { font-family: var(--font-mono); font-size: 12px; line-height: 1.7; display: flex; flex-direction: column; gap: 1px; border: 1px solid var(--border); border-radius: 5px; padding: 14px 16px; background: color-mix(in oklch, var(--bg) 70%, var(--surface-2)); }
 .ins-stream-line { display: grid; grid-template-columns: 78px 1fr; gap: 14px; padding: 1px 0; }
 .ins-stream-from { text-align: left; white-space: nowrap; }
 .ins-stream-body { color: var(--text); white-space: pre-wrap; }
-.ins-stream-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-family: var(--font-mono); font-size: 10.5px; color: var(--text-faint); }
+.ins-stream-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-family: var(--font-mono); font-size: 10.5px; color: var(--text-tertiary); }
 .ins-xscript-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
 .ins-xscript-bar .ins-stream-meta { margin-bottom: 0; }
-.ins-run-link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 11px; color: var(--text-dim); white-space: nowrap; cursor: pointer; }
+.ins-run-link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); white-space: nowrap; cursor: pointer; }
 .ins-run-link:hover { color: var(--text); }
 
 .ins-step-head .ins-sh-actions { margin-left: auto; display: inline-flex; align-items: center; gap: 16px; }
-.ins-run-link.ins-cancel { color: var(--outcome-abandoned); }
+.ins-run-link.ins-cancel { color: var(--text-tertiary); }
 .ins-cancel-confirm { display: inline-flex; align-items: center; gap: 10px; }
-.ins-cancel-reason { font-family: var(--font-mono); font-size: 11px; padding: 3px 8px; width: 190px; border: 1px solid var(--border); border-radius: 4px; background: var(--bg); color: var(--text); }
-.ins-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--bucket-run); box-shadow: 0 0 6px var(--bucket-run); animation: pulse 1.4s ease-in-out infinite; }
+.ins-cancel-reason { font-family: var(--font-mono); font-size: 11px; padding: 3px 8px; width: 190px; border: 1px solid var(--border-strong); border-radius: 4px; background: var(--input); color: var(--text); }
+.ins-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--info); box-shadow: 0 0 6px var(--info); animation: pulse 1.4s ease-in-out infinite; }
 
-.ins-infra { display: flex; align-items: center; gap: 12px; border: 1px solid color-mix(in oklch, var(--bucket-run) 30%, transparent); border-left: 2px solid var(--bucket-run); background: color-mix(in oklch, var(--bucket-run) 7%, var(--bg)); border-radius: 5px; padding: 14px 16px; }
-.ins-infra-glyph { font-size: 18px; color: var(--bucket-run); animation: pulse 1.6s ease-in-out infinite; }
+.ins-infra { display: flex; align-items: center; gap: 12px; border: 1px solid color-mix(in oklch, var(--info) 30%, transparent); border-left: 2px solid var(--info); background: color-mix(in oklch, var(--info) 7%, var(--bg)); border-radius: 5px; padding: 14px 16px; }
+.ins-infra-glyph { font-size: 18px; color: var(--info); animation: pulse 1.6s ease-in-out infinite; }
 .ins-infra-text { display: flex; flex-direction: column; gap: 3px; }
 .ins-infra-phrase { font-size: 13px; color: var(--text); }
-.ins-infra-sub { font-family: var(--font-mono); font-size: 11px; color: var(--text-dim); }
+.ins-infra-sub { font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); }
 
-.ins-fail { margin-bottom: 16px; border: 1px solid color-mix(in oklch, var(--bucket-dead) 38%, transparent); border-left: 2px solid var(--bucket-dead); background: color-mix(in oklch, var(--bucket-dead) 8%, var(--bg)); border-radius: 5px; padding: 13px 16px; }
-.ins-fail-k { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bucket-dead); margin-bottom: 6px; display: flex; align-items: center; gap: 7px; }
-.ins-fail-body { font-size: 13px; line-height: 1.55; color: var(--text-mid); max-width: 76ch; text-wrap: pretty; }
+.ins-fail { margin-bottom: 16px; border: 1px solid color-mix(in oklch, var(--danger) 38%, transparent); border-left: 2px solid var(--danger); background: color-mix(in oklch, var(--danger) 8%, var(--bg)); border-radius: 5px; padding: 13px 16px; }
+.ins-fail-k { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--danger); margin-bottom: 6px; display: flex; align-items: center; gap: 7px; }
+.ins-fail-body { font-size: 13px; line-height: 1.55; color: var(--text-secondary); max-width: 76ch; text-wrap: pretty; }
 
 .ins-tabs { display: flex; align-items: center; gap: 4px; padding: 8px 24px 0; border-bottom: 1px solid var(--border); background: var(--bg); }
-.ins-tab { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dim); padding: 6px 12px 8px; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; transition: color 100ms; }
-.ins-tab:hover { color: var(--text-mid); }
-.ins-tab-active { color: var(--text); border-bottom-color: var(--bucket-human); }
-.ins-tab-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--bucket-human); box-shadow: 0 0 6px var(--bucket-human); }
+.ins-tab { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-tertiary); padding: 6px 12px 8px; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; transition: color 100ms; }
+.ins-tab:hover { color: var(--text-secondary); }
+.ins-tab-active { color: var(--text); border-bottom-color: var(--accent); }
+.ins-tab-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--warning); box-shadow: 0 0 6px var(--warning); }
 
-.ins-needs { margin-bottom: 16px; border: 1px solid color-mix(in oklch, var(--bucket-human) 38%, transparent); border-left: 2px solid var(--bucket-human); background: color-mix(in oklch, var(--bucket-human) 8%, var(--bg)); border-radius: 5px; padding: 13px 16px; }
-.ins-needs-k { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bucket-human); margin-bottom: 6px; display: flex; align-items: center; gap: 7px; }
-.ins-needs-body { font-size: 13px; line-height: 1.55; color: var(--text-mid); max-width: 76ch; text-wrap: pretty; }
+.ins-needs { margin-bottom: 16px; border: 1px solid color-mix(in oklch, var(--warning) 38%, transparent); border-left: 2px solid var(--warning); background: color-mix(in oklch, var(--warning) 8%, var(--bg)); border-radius: 5px; padding: 13px 16px; }
+.ins-needs-k { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--warning); margin-bottom: 6px; display: flex; align-items: center; gap: 7px; }
+.ins-needs-body { font-size: 13px; line-height: 1.55; color: var(--text-secondary); max-width: 76ch; text-wrap: pretty; }
 
-.review-prompt { font-size: 13px; line-height: 1.55; color: var(--text-mid); max-width: 76ch; text-wrap: pretty; margin-bottom: 10px; }
+.review-prompt { font-size: 13px; line-height: 1.55; color: var(--text-secondary); max-width: 76ch; text-wrap: pretty; margin-bottom: 10px; }
 .review-artifact { margin: 4px 0 14px; border: 1px solid var(--border); border-radius: 5px; background: var(--surface-2); padding: 12px 14px; }
-.review-artifact-title { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 8px; }
+.review-artifact-title { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-tertiary); margin-bottom: 8px; }
 .review-question { border: none; margin: 0 0 12px; padding: 0; }
-.review-question legend { font-size: 13px; color: var(--text-mid); margin-bottom: 6px; padding: 0; }
-.review-option { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-mid); padding: 3px 0; cursor: pointer; }
-.review-option input { accent-color: var(--bucket-human); }
-.review-recommended { color: var(--bucket-human); font-size: 11px; font-weight: 600; }
-.review-note { display: block; width: 100%; min-height: 44px; margin-top: 12px; border: 1px solid var(--border); border-radius: 5px; background: var(--surface-2); color: var(--text-mid); font-family: inherit; font-size: 13px; line-height: 1.45; padding: 6px 10px; resize: vertical; }
-.review-note:focus { outline: none; border-color: color-mix(in oklch, var(--bucket-human) 50%, transparent); }
-.review-note::placeholder { color: var(--text-faint); }
-.review-helper { margin-top: 5px; color: var(--text-dim); font-size: 11px; line-height: 1.4; }
+.review-question legend { font-size: 13px; color: var(--text-secondary); margin-bottom: 6px; padding: 0; }
+.review-option { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-secondary); padding: 3px 0; cursor: pointer; }
+.review-option input { accent-color: var(--accent); }
+.review-recommended { color: var(--warning); font-size: 11px; font-weight: 600; }
+.review-note { display: block; width: 100%; min-height: 44px; margin-top: 12px; border: 1px solid var(--border-strong); border-radius: 5px; background: var(--input); color: var(--text-secondary); font-family: inherit; font-size: 13px; line-height: 1.45; padding: 6px 10px; resize: vertical; }
+.review-note:focus { outline: none; border-color: var(--accent); }
+.review-note::placeholder { color: var(--text-tertiary); }
+.review-helper { margin-top: 5px; color: var(--text-tertiary); font-size: 11px; line-height: 1.4; }
 .review-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
-.review-btn { border: 1px solid var(--border); border-radius: 5px; background: var(--surface-2); color: var(--text-mid); font-size: 12px; padding: 6px 14px; }
-.review-btn:hover:not(:disabled) { border-color: var(--text-dim); }
+.review-btn { border: 1px solid var(--border-strong); border-radius: 5px; background: var(--surface-2); color: var(--text-secondary); font-size: 12px; padding: 6px 14px; }
+.review-btn:hover:not(:disabled) { border-color: var(--text-tertiary); }
 .review-btn:disabled { opacity: 0.5; cursor: default; }
-.review-btn-approve { border-color: color-mix(in oklch, var(--outcome-merged) 50%, transparent); color: var(--outcome-merged); }
-.review-btn-cancel { color: var(--outcome-failed); }
-.review-error { margin-top: 8px; font-size: 12px; color: var(--outcome-failed); }
+.review-btn-approve { border-color: color-mix(in oklch, var(--success) 50%, transparent); color: var(--success); }
+.review-btn-cancel { color: var(--danger); }
+.review-error { margin-top: 8px; font-size: 12px; color: var(--danger); }
 
 .ins .wic-op-sub { display: inline-flex; align-items: center; gap: 7px; }
-.ins .wic-op-sub-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--text-faint); box-shadow: none; flex-shrink: 0; }
+.ins .wic-op-sub-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--text-tertiary); box-shadow: none; flex-shrink: 0; }
 
 .landing { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 20px; position: relative; overflow: hidden; }
 .landing::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px); background-size: 56px 56px; opacity: 0.28; mask-image: radial-gradient(120% 100% at 50% 42%, #000 0%, transparent 70%); }
-.landing::after { content: ""; position: absolute; top: -20%; left: 50%; width: 70%; height: 70%; background: radial-gradient(circle, color-mix(in oklch, var(--accent-violet) 12%, transparent), transparent 66%); filter: blur(24px); animation: landing-drift 16s ease-in-out infinite alternate; }
+.landing::after { content: ""; position: absolute; top: -20%; left: 50%; width: 70%; height: 70%; background: radial-gradient(circle, color-mix(in oklch, var(--accent) 12%, transparent), transparent 66%); filter: blur(24px); animation: landing-drift 16s ease-in-out infinite alternate; }
 @keyframes landing-drift { from { transform: translate(-52%, 0) scale(1); } to { transform: translate(-48%, 10%) scale(1.12); } }
 .landing-col { position: relative; z-index: 1; width: min(452px, 100%); }
 .landing-word { font-family: var(--font-mono); font-size: 19px; font-weight: 600; letter-spacing: 0.42em; padding-left: 0.2em; }
-.landing-word span { color: var(--text-faint); }
-.landing-tag { margin-top: 9px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--text-faint); }
+.landing-word span { color: var(--text-tertiary); }
+.landing-tag { margin-top: 9px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--text-tertiary); }
 .landing-head { margin: 38px 0 30px; }
 .landing-head h1 { font-size: 26px; letter-spacing: -0.02em; font-weight: 600; }
-.landing-head p { margin-top: 12px; font-size: 15px; line-height: 1.6; color: var(--text-mid); }
+.landing-head p { margin-top: 12px; font-size: 15px; line-height: 1.6; color: var(--text-secondary); }
 .landing-head b { color: var(--text); font-weight: 600; }
 .landing-stage { min-height: 284px; display: flex; flex-direction: column; gap: 14px; }
 .landing-choice { display: flex; flex-direction: column; gap: 10px; }
 .landing-card { display: flex; align-items: center; gap: 16px; width: 100%; text-align: left; padding: 18px 20px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; font-size: 15px; position: relative; overflow: hidden; transition: all 180ms ease; }
 .landing-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--fam); opacity: 0.55; transition: all 180ms ease; }
-.landing-card:hover { background: var(--surface-2); border-color: var(--border-loud); transform: translateY(-1px); }
+.landing-card:hover { background: var(--surface-2); border-color: var(--border); transform: translateY(-1px); }
 .landing-card:hover::before { opacity: 1; width: 4px; }
-.landing-card:focus-visible { outline: 2px solid var(--fam); outline-offset: 2px; }
-.landing-chip { flex: none; width: 38px; height: 38px; border-radius: 9px; background: var(--surface-2); border: 1px solid var(--border-loud); display: grid; place-items: center; font-family: var(--font-mono); font-size: 15px; font-weight: 600; color: var(--fam); }
+.landing-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.landing-chip { flex: none; width: 38px; height: 38px; border-radius: 9px; background: var(--surface-2); border: 1px solid var(--border); display: grid; place-items: center; font-family: var(--font-mono); font-size: 15px; font-weight: 600; color: var(--fam); }
 .landing-lbl { flex: 1; display: flex; flex-direction: column; gap: 3px; }
 .landing-lbl-t { font-weight: 600; letter-spacing: -0.01em; }
-.landing-lbl-d { font-size: 12.5px; color: var(--text-faint); }
-.landing-arrow { flex: none; color: var(--text-faint); transition: all 180ms ease; }
+.landing-lbl-d { font-size: 12.5px; color: var(--text-tertiary); }
+.landing-arrow { flex: none; color: var(--text-tertiary); transition: all 180ms ease; }
 .landing-card:hover .landing-arrow { color: var(--fam); transform: translateX(3px); }
 .landing-panel { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 26px; }
 .landing-panel-top { display: flex; align-items: center; gap: 13px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid var(--border); }
 .landing-panel-top .landing-chip { width: 40px; height: 40px; }
 .landing-who { display: flex; flex-direction: column; gap: 2px; }
 .landing-who-t { font-weight: 600; font-size: 15px; }
-.landing-who-s { font-size: 12.5px; color: var(--text-faint); font-family: var(--font-mono); }
-.landing-badge { margin-left: auto; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--border-loud); color: var(--text-dim); }
-.landing-busy { display: flex; align-items: center; gap: 11px; font-size: 14px; color: var(--text-mid); }
-.landing-spin { flex: none; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border-loud); border-top-color: var(--fam); animation: landing-spin 800ms linear infinite; }
+.landing-who-s { font-size: 12.5px; color: var(--text-tertiary); font-family: var(--font-mono); }
+.landing-badge { margin-left: auto; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--border); color: var(--text-tertiary); }
+.landing-busy { display: flex; align-items: center; gap: 11px; font-size: 14px; color: var(--text-secondary); }
+.landing-spin { flex: none; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border-soft); border-top-color: var(--fam); animation: landing-spin 800ms linear infinite; }
 @keyframes landing-spin { to { transform: rotate(360deg); } }
 .landing-panel .hr-conn-flow { background: none; border: none; padding: 0; gap: 18px; }
 .landing-panel .hr-conn-step { display: block; position: relative; padding-left: 32px; font-size: 13.5px; line-height: 1.6; }
@@ -1698,11 +1648,11 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
 .landing-panel .hr-conn-paste { display: flex; gap: 10px; }
 .landing-panel .hr-conn-input { padding: 10px 12px; border-radius: 8px; }
 .landing-panel .hr-conn-btn { padding: 9px 16px; border-radius: 8px; font-size: 12px; }
-.landing-cancel { margin-top: 22px; width: 100%; padding: 11px 18px; border-radius: 10px; font-size: 13.5px; font-weight: 600; color: var(--text-mid); border: 1px solid var(--border-loud); transition: all 160ms ease; }
+.landing-cancel { margin-top: 22px; width: 100%; padding: 11px 18px; border-radius: 10px; font-size: 13.5px; font-weight: 600; color: var(--text-secondary); border: 1px solid var(--border-strong); transition: all 160ms ease; }
 .landing-cancel:hover:not(:disabled) { background: var(--surface-2); color: var(--text); }
 .landing-cancel:disabled { opacity: 0.45; cursor: default; }
-.landing-err { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.55; color: var(--text-mid); background: color-mix(in oklch, var(--outcome-failed) 7%, transparent); border: 1px solid color-mix(in oklch, var(--outcome-failed) 28%, transparent); border-radius: 10px; padding: 12px 14px; animation: landing-shake 400ms ease; }
-.landing-err-x { flex: none; font-family: var(--font-mono); font-weight: 700; color: var(--outcome-failed); }
+.landing-err { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.55; color: var(--text-secondary); background: color-mix(in oklch, var(--danger) 7%, transparent); border: 1px solid color-mix(in oklch, var(--danger) 28%, transparent); border-radius: 10px; padding: 12px 14px; animation: landing-shake 400ms ease; }
+.landing-err-x { flex: none; font-family: var(--font-mono); font-weight: 700; color: var(--danger); }
 .landing-panel .landing-err { margin-top: 14px; }
 @keyframes landing-shake { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-4px); } 40% { transform: translateX(4px); } 60% { transform: translateX(-2px); } 80% { transform: translateX(2px); } }
 
@@ -1716,23 +1666,11 @@ textarea.set-textarea { background-image: none; height: auto; min-height: 96px;
   --dui-radius-control: 6px;
   --dui-radius-surface: 8px;
   --dui-radius-large: 12px;
-  --dui-primary: #6952d5;
-  --dui-primary-hover: #5f48c3;
-  --dui-primary-active: #5942b7;
+  --dui-primary: var(--accent);
+  --dui-primary-hover: color-mix(in oklch, var(--accent) 92%, var(--on-accent));
+  --dui-primary-active: color-mix(in oklch, var(--accent) 88%, var(--on-accent));
   --dui-control-height: 40px;
-  color-scheme: dark;
-}
-body[data-palette="desat"] .dui-page {
-  --dui-primary: #655b9f;
-  --dui-primary-hover: #5b518f;
-  --dui-primary-active: #51487f;
 }
-body[data-palette="mono"] .dui-page {
-  --dui-primary: #3f4655;
-  --dui-primary-hover: #343a47;
-  --dui-primary-active: #2d333e;
-}
-.dui-page ::selection { background: color-mix(in oklch, var(--accent-violet) 38%, transparent); color: var(--text); }
 .dui-parent { display: inline-block; margin-bottom: 12px; font-size: 13px; text-underline-offset: 3px; }
 .dui-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
 .dui-page-head-copy { min-width: 0; }
@@ -1753,29 +1691,29 @@ body[data-palette="mono"] .dui-page {
   min-height: var(--dui-control-height);
   align-items: center;
   padding: 0 14px;
-  border: 1px solid var(--border-loud);
+  border: 1px solid var(--border-strong);
   border-radius: var(--dui-radius-control);
   background: var(--surface-2);
-  color: var(--text-mid);
+  color: var(--text-secondary);
   font-size: 14px;
   font-weight: 500;
   touch-action: manipulation;
   transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
 }
-.dui-retry:hover { background: var(--surface-3); border-color: var(--text-faint); color: var(--text); }
+.dui-retry:hover { background: var(--surface-3); border-color: var(--text-tertiary); color: var(--text); }
 .dui-retry:active { background: var(--surface); }
 
 .dui-tabs { display: flex; gap: 4px; margin: 20px 0 4px; border-bottom: 1px solid var(--border); }
-.dui-tab { padding: 10px 12px; font-size: 13px; font-weight: 500; line-height: 18px; color: var(--text-dim); border-bottom: 2px solid transparent; margin-bottom: -1px; text-decoration: none; transition: border-color 160ms ease, color 160ms ease; }
+.dui-tab { padding: 10px 12px; font-size: 13px; font-weight: 500; line-height: 18px; color: var(--text-tertiary); border-bottom: 2px solid transparent; margin-bottom: -1px; text-decoration: none; transition: border-color 160ms ease, color 160ms ease; }
 .dui-tab:hover { color: var(--text); }
-.dui-tab-active { color: var(--text); border-bottom-color: var(--accent-violet); }
+.dui-tab-active { color: var(--text); border-bottom-color: var(--accent); }
 
 .dui-section { margin-top: 32px; }
 .dui-section-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
 .dui-section-head .dui-links,
 .dui-page-head .dui-links { margin-top: 0; }
 .dui-section-title { font-size: 20px; line-height: 28px; color: var(--text); margin: 0; font-weight: 600; letter-spacing: -0.01em; text-wrap: balance; }
-.dui-decision { max-width: 76ch; padding: 20px; border: 1px solid color-mix(in oklch, var(--decision-request-revision) 30%, var(--border)); border-radius: var(--dui-radius-large); background: color-mix(in oklch, var(--decision-request-revision) 6%, var(--surface)); }
+.dui-decision { max-width: 76ch; padding: 20px; border: 1px solid color-mix(in oklch, var(--warning) 30%, var(--border)); border-radius: var(--dui-radius-large); background: color-mix(in oklch, var(--warning) 6%, var(--surface)); }
 .dui-decision .dui-section-title { font-size: 18px; line-height: 26px; }
 .dui-decision .ins-needs { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
 .dui-decision .review-artifact { border-radius: var(--dui-radius-surface); padding: 14px 16px; }
@@ -1785,15 +1723,15 @@ body[data-palette="mono"] .dui-page {
 .dui-decision .review-option { min-height: 32px; padding: 4px 0; font-size: 14px; line-height: 20px; }
 .dui-decision .review-recommended { font-size: 12px; }
 .dui-decision .review-note-label { margin: 0 0 8px; font-size: 12px; letter-spacing: 0; text-transform: none; }
-.dui-decision .review-note { min-height: 88px; margin-top: 0; padding: 9px 12px; border-color: var(--border-loud); border-radius: var(--dui-radius-control); font-size: 14px; line-height: 20px; }
+.dui-decision .review-note { min-height: 88px; margin-top: 0; padding: 9px 12px; border-color: var(--border-strong); border-radius: var(--dui-radius-control); font-size: 14px; line-height: 20px; }
 .dui-decision .review-helper { margin-top: 6px; font-size: 12px; line-height: 16px; }
 .dui-decision .review-controls { gap: 8px; margin-top: 16px; }
-.dui-decision .review-btn { display: inline-flex; min-height: var(--dui-control-height); align-items: center; justify-content: center; padding: 0 14px; border-color: var(--border-loud); border-radius: var(--dui-radius-control); background: var(--surface-2); color: var(--text-mid); font-size: 14px; line-height: 20px; font-weight: 500; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
-.dui-decision .review-btn:hover:not(:disabled) { border-color: var(--text-faint); background: var(--surface-3); color: var(--text); }
-.dui-decision .review-btn-approve { border-color: transparent; background: var(--dui-primary); color: var(--text); }
-.dui-decision .review-btn-approve:hover:not(:disabled) { border-color: transparent; background: var(--dui-primary-hover); color: var(--text); }
-.dui-text { font-size: 14px; line-height: 20px; color: var(--text-mid); max-width: 68ch; }
-.dui-markdown { font-size: 14px; line-height: 1.6; color: var(--text-mid); max-width: 68ch; }
+.dui-decision .review-btn { display: inline-flex; min-height: var(--dui-control-height); align-items: center; justify-content: center; padding: 0 14px; border-color: var(--border-strong); border-radius: var(--dui-radius-control); background: var(--surface-2); color: var(--text-secondary); font-size: 14px; line-height: 20px; font-weight: 500; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
+.dui-decision .review-btn:hover:not(:disabled) { border-color: var(--text-tertiary); background: var(--surface-3); color: var(--text); }
+.dui-decision .review-btn-approve { border-color: transparent; background: var(--dui-primary); color: var(--on-accent); }
+.dui-decision .review-btn-approve:hover:not(:disabled) { border-color: transparent; background: var(--dui-primary-hover); color: var(--on-accent); }
+.dui-text { font-size: 14px; line-height: 20px; color: var(--text-secondary); max-width: 68ch; }
+.dui-markdown { font-size: 14px; line-height: 1.6; color: var(--text-secondary); max-width: 68ch; }
 .dui-markdown :is(h1, h2, h3, h4), .dui-markdown strong { color: var(--text); }
 .dui-markdown h1 { font-size: 20px; line-height: 28px; margin: 0 0 0.5em; }
 .dui-markdown h2 { font-size: 18px; line-height: 26px; margin: 1.9em 0 0.5em; padding-top: 0.9em; border-top: 1px solid var(--border-soft); }
@@ -1807,18 +1745,18 @@ body[data-palette="mono"] .dui-page {
 .dui-card-title .dui-link { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; min-height: 0; }
 .dui-card-title .dui-link:hover { color: inherit; }
 a.dui-card { color: inherit; text-decoration: none; cursor: pointer; }
-a.dui-card:hover { border-color: var(--text-mid); }
+a.dui-card:hover { border-color: var(--text-secondary); }
 a.dui-card:hover .dui-card-title { text-decoration: underline; text-underline-offset: 3px; }
 
-.dui-callout { border: 1px solid var(--border-loud); border-radius: var(--dui-radius-surface); padding: 14px 16px; font-size: 14px; line-height: 20px; max-width: 76ch; }
+.dui-callout { border: 1px solid var(--border); border-radius: var(--dui-radius-surface); padding: 14px 16px; font-size: 14px; line-height: 20px; max-width: 76ch; }
 .dui-callout-title { font-weight: 600; color: var(--text); margin-bottom: 3px; }
-.dui-callout-text { color: var(--text-mid); overflow-wrap: anywhere; }
+.dui-callout-text { color: var(--text-secondary); overflow-wrap: anywhere; }
 .dui-callout .dui-links { margin-top: 12px; }
 
-.dui-callout-info { --dui-callout-tone: var(--bucket-run); }
-.dui-callout-success { --dui-callout-tone: var(--outcome-merged); }
-.dui-callout-warning { --dui-callout-tone: var(--decision-request-revision); }
-.dui-callout-danger { --dui-callout-tone: var(--outcome-failed); }
+.dui-callout-info { --dui-callout-tone: var(--info); }
+.dui-callout-success { --dui-callout-tone: var(--success); }
+.dui-callout-warning { --dui-callout-tone: var(--warning); }
+.dui-callout-danger { --dui-callout-tone: var(--danger); }
 .dui-callout:not(.dui-callout-plain) {
   border-color: color-mix(in oklch, var(--dui-callout-tone) 28%, var(--border));
   background: color-mix(in oklch, var(--dui-callout-tone) 7%, var(--surface));
@@ -1830,12 +1768,12 @@ a.dui-card:hover .dui-card-title { text-decoration: underline; text-underline-of
 .dui-empty .dui-links { justify-content: center; }
 
 .dui-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
-.dui-link { min-height: 32px; display: inline-flex; align-items: center; font-size: 13px; font-weight: 500; color: var(--text-mid); text-decoration: none; text-underline-offset: 3px; touch-action: manipulation; }
-.dui-link:hover { color: var(--bucket-run); text-decoration: underline; }
-.dui-link-broken { color: var(--text-faint); text-decoration: line-through; cursor: help; }
+.dui-link { min-height: 32px; display: inline-flex; align-items: center; font-size: 13px; font-weight: 500; color: var(--text-secondary); text-decoration: none; text-underline-offset: 3px; touch-action: manipulation; }
+.dui-link:hover { color: var(--accent); text-decoration: underline; }
+.dui-link-broken { color: var(--text-tertiary); text-decoration: line-through; cursor: help; }
 .dui-link-external { width: 0.85em; height: 0.85em; flex: none; margin-left: 0.15em; opacity: 0.75; }
 
-.dui-unknown { font-size: 12px; color: var(--outcome-failed); border: 1px solid color-mix(in oklch, var(--outcome-failed) 30%, transparent); border-radius: 6px; padding: 9px 12px; margin: 10px 0; }
+.dui-unknown { font-size: 12px; color: var(--danger); border: 1px solid color-mix(in oklch, var(--danger) 30%, transparent); border-radius: 6px; padding: 9px 12px; margin: 10px 0; }
 
 @media (max-width: 720px) {
   .dui-page-head, .dui-section-head, .dui-table-head { align-items: flex-start; flex-direction: column; }
@@ -1845,26 +1783,26 @@ a.dui-card:hover .dui-card-title { text-decoration: underline; text-underline-of
 
 .dui-block-title { font-size: 16px; line-height: 24px; color: var(--text); margin: 20px 0 8px; font-weight: 600; letter-spacing: -0.005em; text-wrap: balance; }
 
-.dui-status { display: inline-flex; align-items: center; gap: 7px; color: var(--text-mid); font-size: 13px; line-height: 18px; white-space: nowrap; }
+.dui-status { display: inline-flex; align-items: center; gap: 7px; color: var(--text-secondary); font-size: 13px; line-height: 18px; white-space: nowrap; }
 a.dui-status { text-decoration: none; }
 a.dui-status:hover { text-decoration: underline; }
 .dui-status::before { content: ''; width: 7px; height: 7px; flex: none; border-radius: 50%; background: currentColor; }
-.dui-status-active { color: var(--bucket-run); }
+.dui-status-active { color: var(--info); }
 .dui-status-active::before { animation: pulse 1.6s ease-in-out infinite; }
-.dui-status-success { color: var(--outcome-merged); }
-.dui-status-warning { color: var(--decision-request-revision); }
-.dui-status-danger { color: var(--outcome-failed); }
+.dui-status-success { color: var(--success); }
+.dui-status-warning { color: var(--warning); }
+.dui-status-danger { color: var(--danger); }
 
 .dui-timeline-items { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--border); }
 .dui-timeline-item { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding: 8px 0 8px 16px; position: relative; font-size: 14px; line-height: 20px; }
-.dui-timeline-item::before { content: ''; position: absolute; left: -4px; top: 13px; width: 7px; height: 7px; border-radius: 50%; background: var(--border-loud); }
+.dui-timeline-item::before { content: ''; position: absolute; left: -4px; top: 13px; width: 7px; height: 7px; border-radius: 50%; background: var(--text-tertiary); }
 .dui-timeline-at { font-size: 12px; min-width: 72px; font-variant-numeric: tabular-nums; }
 .dui-timeline-desc { font-size: 13px; line-height: 18px; flex-basis: 100%; }
 
 .dui-progress { margin: 14px 0; max-width: var(--dui-measure); }
 .dui-progress-head { display: flex; justify-content: space-between; font-size: 13px; line-height: 18px; margin-bottom: 8px; }
 .dui-progress-bar { height: 6px; border-radius: 3px; background: var(--surface-2); overflow: hidden; }
-.dui-progress-fill { display: block; height: 100%; background: var(--bucket-run); }
+.dui-progress-fill { display: block; height: 100%; background: var(--info); }
 .dui-progress-unknown .dui-progress-fill { width: 35% !important; animation: dui-drift 1.4s ease-in-out infinite; }
 @keyframes dui-drift { 0% { transform: translateX(-100%); } 100% { transform: translateX(300%); } }
 .dui-progress-steps { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
@@ -1962,13 +1900,13 @@ a.dui-status:hover { text-decoration: underline; }
 .dui-table-head .dui-block-title { margin: 0; }
 .dui-table-head .dui-links { margin-top: 0; }
 .dui-table-block:has(.dui-table-head) { display: flex; flex-direction: column; gap: 12px; }
-.dui-table-scroll { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--dui-radius-large); background: var(--surface); scrollbar-color: var(--border-loud) transparent; }
+.dui-table-scroll { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--dui-radius-large); background: var(--surface); scrollbar-color: var(--border-soft) transparent; }
 .dui-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 20px; font-variant-numeric: tabular-nums; }
-.dui-table thead th { text-align: left; font-size: 12px; line-height: 16px; color: var(--text-dim); padding: 14px 16px; border-bottom: 1px solid var(--border); background: color-mix(in oklch, var(--surface-2) 45%, var(--surface)); font-weight: 500; white-space: nowrap; }
+.dui-table thead th { text-align: left; font-size: 12px; line-height: 16px; color: var(--text-tertiary); padding: 14px 16px; border-bottom: 1px solid var(--border); background: color-mix(in oklch, var(--surface-2) 45%, var(--surface)); font-weight: 500; white-space: nowrap; }
 .dui-table :is(td, tbody th) { text-align: left; font-weight: 400; vertical-align: middle; padding: 16px; border-bottom: 1px solid var(--border-soft); transition: background-color 160ms ease; }
 .dui-table tbody tr:last-child > * { border-bottom: none; }
 .dui-table tbody tr:hover > * { background: var(--surface-2); }
-.dui-table tbody tr[data-selected='true'] > * { background: color-mix(in oklch, var(--dui-primary) 8%, var(--surface)); }
+.dui-table tbody tr[data-selected='true'] > * { background: var(--selected); }
 .dui-table .dui-table-select { width: 1%; padding-right: 0; }
 .dui-table :is(th, td)[data-align='end'] { text-align: right; }
 
@@ -1982,20 +1920,20 @@ a.dui-status:hover { text-decoration: underline; }
 
 .dui-chart { margin: 16px 0; max-width: var(--dui-measure); }
 .dui-chart-plot { display: block; width: 100%; height: 140px; }
-.dui-chart-zero { stroke: var(--border-loud); stroke-width: 1; vector-effect: non-scaling-stroke; }
-.dui-chart-bar { fill: var(--bucket-run); }
-.dui-chart-line { fill: none; stroke: var(--bucket-run); stroke-width: 2; vector-effect: non-scaling-stroke; }
-.dui-chart-area { fill: var(--bucket-run); fill-opacity: 0.28; stroke: var(--bucket-run); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
-.dui-chart-bar-1 { fill: var(--accent-violet); stroke: var(--accent-violet); }
-.dui-chart-bar-2 { fill: var(--bucket-plan); stroke: var(--bucket-plan); }
-.dui-chart-bar-3 { fill: var(--accent-amber); stroke: var(--accent-amber); }
-.dui-chart-swatch.dui-chart-bar-1 { background: var(--accent-violet); }
-.dui-chart-swatch.dui-chart-bar-2 { background: var(--bucket-plan); }
-.dui-chart-swatch.dui-chart-bar-3 { background: var(--accent-amber); }
-.dui-chart-swatch { background: var(--bucket-run); }
+.dui-chart-zero { stroke: var(--border-soft); stroke-width: 1; vector-effect: non-scaling-stroke; }
+.dui-chart-bar { fill: var(--chart-series-1); }
+.dui-chart-line { fill: none; stroke: var(--chart-series-1); stroke-width: 2; vector-effect: non-scaling-stroke; }
+.dui-chart-area { fill: var(--chart-series-1); fill-opacity: 0.28; stroke: var(--chart-series-1); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
+.dui-chart-bar-1 { fill: var(--chart-series-2); stroke: var(--chart-series-2); }
+.dui-chart-bar-2 { fill: var(--chart-series-3); stroke: var(--chart-series-3); }
+.dui-chart-bar-3 { fill: var(--chart-series-4); stroke: var(--chart-series-4); }
+.dui-chart-swatch.dui-chart-bar-1 { background: var(--chart-series-2); }
+.dui-chart-swatch.dui-chart-bar-2 { background: var(--chart-series-3); }
+.dui-chart-swatch.dui-chart-bar-3 { background: var(--chart-series-4); }
+.dui-chart-swatch { background: var(--chart-series-1); }
 .dui-chart-categories { display: flex; margin-top: 5px; }
 .dui-chart-label { flex: 1 1 0; font-size: 12px; line-height: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
-.dui-chart-legend { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px; font-size: 13px; line-height: 18px; color: var(--text-dim); }
+.dui-chart-legend { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 10px; font-size: 13px; line-height: 18px; color: var(--text-tertiary); }
 .dui-chart-key { display: inline-flex; align-items: center; gap: 6px; }
 .dui-chart-swatch { width: 9px; height: 9px; border-radius: 2px; }
 
@@ -2058,7 +1996,7 @@ a.dui-status:hover { text-decoration: underline; }
 .dui-cards-drop .dui-cards-block { flex: 1; display: flex; flex-direction: column; min-width: 0; }
 .dui-cards-drop .dui-cards,
 .dui-cards-drop .dui-empty { flex: 1; }
-.dui-cards-drop-live { outline: 1px dashed var(--border-loud); outline-offset: 4px; border-radius: var(--dui-radius-surface); }
+.dui-cards-drop-live { outline: 1px dashed var(--border-strong); outline-offset: 4px; border-radius: var(--dui-radius-surface); }
 .dui-cards-drop-over { outline-color: var(--accent); background: color-mix(in oklch, var(--accent) 8%, transparent); }
 .dui-cards [draggable='true'] { cursor: grab; }
 .dui-cards .dui-card { margin: 0; }
@@ -2104,14 +2042,14 @@ a.dui-status:hover { text-decoration: underline; }
 .dui-form-prose .dui-input:hover, .dui-form-prose .dui-input:focus {
   background: transparent; border: none; outline: none;
 }
-.dui-form-prose .dui-input:focus { box-shadow: 0 1px 0 var(--border-loud); }
+.dui-form-prose .dui-input:focus { box-shadow: 0 1px 0 var(--accent); }
 .dui-markdown-field {
   display: block; overflow: auto;
 }
 .dui-markdown-field .tiptap { min-height: inherit; }
 .dui-markdown-editor { outline: none; min-height: inherit; max-width: none; }
 .dui-markdown-editor p.is-empty:first-child::before {
-  color: var(--text-faint); content: attr(data-placeholder); float: left; height: 0; pointer-events: none;
+  color: var(--text-tertiary); content: attr(data-placeholder); float: left; height: 0; pointer-events: none;
 }
 .dui-form-prose .dui-markdown-field {
   min-height: calc(var(--dui-markdown-rows, 12) * 1lh); padding: 8px 0; border: none; background: transparent; border-radius: 0;
@@ -2120,10 +2058,10 @@ a.dui-status:hover { text-decoration: underline; }
 .dui-form-prose .dui-markdown-field:focus-within {
   background: transparent; border: none; outline: none;
 }
-.dui-form-prose .dui-markdown-field:focus-within { box-shadow: 0 1px 0 var(--border-loud); }
+.dui-form-prose .dui-markdown-field:focus-within { box-shadow: 0 1px 0 var(--accent); }
 .dui-markdown-bubble {
   z-index: 30; display: flex; align-items: center; gap: 2px; padding: 4px;
-  background: var(--surface-2); border: 1px solid var(--border-loud);
+  background: var(--surface-2); border: 1px solid var(--border);
   border-radius: var(--dui-radius-control); color: var(--text);
   box-shadow: 0 8px 24px color-mix(in oklch, var(--bg) 55%, transparent);
 }
@@ -2133,7 +2071,7 @@ a.dui-status:hover { text-decoration: underline; }
 .dui-markdown-mark {
   appearance: none; display: inline-flex; align-items: center; justify-content: center;
   width: 28px; height: 28px; padding: 0; border: none; border-radius: 6px;
-  background: transparent; color: var(--text-mid); cursor: pointer;
+  background: transparent; color: var(--text-secondary); cursor: pointer;
 }
 .dui-markdown-mark:hover, .dui-markdown-mark[aria-pressed='true'] {
   background: var(--surface-3); color: var(--text);
@@ -2151,24 +2089,24 @@ a.dui-status:hover { text-decoration: underline; }
 .dui-form-row .dui-field-label { margin: 0; }
 .dui-form-row .dui-input { min-height: 32px; padding: 6px 10px; }
 .dui-field { margin-bottom: 16px; }
-.dui-field-label { display: block; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--text-mid); margin-bottom: 8px; }
-.dui-field-required { color: var(--decision-request-revision); }
-.dui-input { width: 100%; min-height: var(--dui-control-height); background: var(--surface-2); border: 1px solid var(--border-loud); border-radius: var(--dui-radius-control); color: var(--text); padding: 9px 12px; font-size: 14px; line-height: 20px; font-family: inherit; caret-color: var(--accent-violet); transition: background-color 160ms ease, border-color 160ms ease; }
+.dui-field-label { display: block; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--text-secondary); margin-bottom: 8px; }
+.dui-field-required { color: var(--warning); }
+.dui-input { width: 100%; min-height: var(--dui-control-height); background: var(--input); border: 1px solid var(--border-strong); border-radius: var(--dui-radius-control); color: var(--text); padding: 9px 12px; font-size: 14px; line-height: 20px; font-family: inherit; caret-color: var(--accent); transition: background-color 160ms ease, border-color 160ms ease; }
 .dui-input.dui-markdown-field { min-height: calc(var(--dui-markdown-rows, 3) * 1lh + 20px); }
-.dui-input:hover { border-color: var(--text-faint); }
-.dui-input::placeholder { color: var(--text-faint); opacity: 1; }
-.dui-input[aria-invalid='true'] { border-color: var(--outcome-failed); }
+.dui-input:hover { border-color: var(--text-tertiary); }
+.dui-input::placeholder { color: var(--text-tertiary); opacity: 1; }
+.dui-input[aria-invalid='true'] { border-color: var(--danger); }
 .dui-checkbox { width: 18px; height: 18px; accent-color: var(--dui-primary); }
 .dui-upload { padding: 6px 8px; }
 .dui-upload-files { display: grid; gap: 8px; margin: 8px 0 0; padding: 0; list-style: none; }
 .dui-upload-files li { display: flex; align-items: center; gap: 12px; }
 .dui-upload-files li > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
 .dui-upload-files .dui-action { flex-shrink: 0; }
-.dui-upload::file-selector-button { min-height: 32px; margin-right: 12px; padding: 0 12px; border: 1px solid var(--border-loud); border-radius: var(--dui-radius-control); background: var(--surface-2); color: var(--text-mid); font-size: 13px; font-weight: 500; font-family: inherit; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
-.dui-upload::file-selector-button:hover { background: var(--surface-3); color: var(--text); border-color: var(--text-faint); }
+.dui-upload::file-selector-button { min-height: 32px; margin-right: 12px; padding: 0 12px; border: 1px solid var(--border-strong); border-radius: var(--dui-radius-control); background: var(--surface-2); color: var(--text-secondary); font-size: 13px; font-weight: 500; font-family: inherit; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
+.dui-upload::file-selector-button:hover { background: var(--surface-3); color: var(--text); border-color: var(--text-tertiary); }
 .dui-field-help { font-size: 12px; line-height: 16px; margin-top: 6px; }
-.dui-field-error { font-size: 12px; line-height: 16px; margin-top: 6px; color: var(--outcome-failed); }
-.dui-form-error { font-size: 13px; line-height: 18px; color: var(--outcome-failed); margin: 10px 0; }
+.dui-field-error { font-size: 12px; line-height: 16px; margin-top: 6px; color: var(--danger); }
+.dui-form-error { font-size: 13px; line-height: 18px; color: var(--danger); margin: 10px 0; }
 .dui-choices { display: flex; flex-wrap: wrap; gap: 12px 16px; }
 .dui-choice { display: inline-flex; min-height: 32px; align-items: center; gap: 8px; font-size: 14px; line-height: 20px; }
 .dui-form-submit { margin-top: 20px; }
@@ -2179,13 +2117,13 @@ a.dui-status:hover { text-decoration: underline; }
   max-height: min(720px, calc(100vh - 48px));
   overflow: auto;
   padding: 24px;
-  border: 1px solid var(--border-loud);
+  border: 1px solid var(--border);
   border-radius: var(--dui-radius-large);
   background: var(--surface);
   color: var(--text);
-  box-shadow: 0 24px 64px rgb(0 0 0 / 0.5);
+  box-shadow: var(--shadow-dialog);
 }
-.dui-dialog::backdrop { background: rgb(3 5 9 / 0.7); }
+.dui-dialog::backdrop { background: var(--scrim); }
 .dui-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
 .dui-dialog-title { margin: 0; font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
 .dui-dialog-head .dui-form-desc { margin: 6px 0 0; }
@@ -2199,7 +2137,7 @@ a.dui-status:hover { text-decoration: underline; }
   border: 0;
   border-radius: var(--dui-radius-control);
   background: transparent;
-  color: var(--text-dim);
+  color: var(--text-tertiary);
   font-size: 22px;
   line-height: 1;
   transition: background-color 160ms ease, color 160ms ease;
@@ -2210,42 +2148,42 @@ a.dui-status:hover { text-decoration: underline; }
 .dui-dialog-trigger { align-self: flex-start; }
 
 .dui-confirm { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; }
-.dui-confirm-ask { font-size: 13px; line-height: 18px; color: var(--text-mid); }
+.dui-confirm-ask { font-size: 13px; line-height: 18px; color: var(--text-secondary); }
 
-.dui-action-note { font-size: 13px; line-height: 18px; color: var(--outcome-merged); margin: 0; }
+.dui-action-note { font-size: 13px; line-height: 18px; color: var(--success); margin: 0; }
 .dui-action-note:empty { display: none; }
 .dui-action[aria-busy='true'] { opacity: 0.75; cursor: progress; }
 .dui-action[aria-busy='true']::after { content: ''; width: 14px; height: 14px; margin-left: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: dui-spin 720ms linear infinite; }
 @keyframes dui-spin { to { transform: rotate(360deg); } }
 
-.dui-action { display: inline-flex; min-height: var(--dui-control-height); align-items: center; justify-content: center; padding: 0 14px; border: 1px solid var(--border-loud); border-radius: var(--dui-radius-control); background: var(--surface-2); color: var(--text-mid); font-size: 14px; line-height: 20px; font-weight: 500; font-family: inherit; touch-action: manipulation; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
-a.dui-action { text-decoration: none; color: var(--text-mid); }
-.dui-action:hover:not(:disabled) { background: var(--surface-3); color: var(--text); border-color: var(--text-faint); }
+.dui-action { display: inline-flex; min-height: var(--dui-control-height); align-items: center; justify-content: center; padding: 0 14px; border: 1px solid var(--border-strong); border-radius: var(--dui-radius-control); background: var(--surface-2); color: var(--text-secondary); font-size: 14px; line-height: 20px; font-weight: 500; font-family: inherit; touch-action: manipulation; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; }
+a.dui-action { text-decoration: none; color: var(--text-secondary); }
+.dui-action:hover:not(:disabled) { background: var(--surface-3); color: var(--text); border-color: var(--text-tertiary); }
 .dui-action:active:not(:disabled) { background: var(--surface); }
 .dui-action:disabled { opacity: 0.5; cursor: not-allowed; }
-.dui-action-primary { border-color: transparent; background: var(--dui-primary); color: var(--text); }
-.dui-action-primary:hover:not(:disabled) { border-color: transparent; background: var(--dui-primary-hover); color: var(--text); }
+.dui-action-primary { border-color: transparent; background: var(--dui-primary); color: var(--on-accent); }
+.dui-action-primary:hover:not(:disabled) { border-color: transparent; background: var(--dui-primary-hover); color: var(--on-accent); }
 .dui-action-primary:active:not(:disabled) { background: var(--dui-primary-active); }
-.dui-action-danger { border-color: color-mix(in oklch, var(--outcome-failed) 42%, var(--border)); background: color-mix(in oklch, var(--outcome-failed) 9%, var(--surface)); color: var(--outcome-failed); }
-.dui-action-danger:hover:not(:disabled) { border-color: color-mix(in oklch, var(--outcome-failed) 64%, var(--border)); background: color-mix(in oklch, var(--outcome-failed) 15%, var(--surface)); color: var(--outcome-failed); }
-.dui-action-broken { color: var(--text-faint); text-decoration: line-through; cursor: help; }
+.dui-action-danger { border-color: color-mix(in oklch, var(--danger) 42%, var(--border)); background: color-mix(in oklch, var(--danger) 9%, var(--surface)); color: var(--danger); }
+.dui-action-danger:hover:not(:disabled) { border-color: color-mix(in oklch, var(--danger) 64%, var(--border)); background: color-mix(in oklch, var(--danger) 15%, var(--surface)); color: var(--danger); }
+.dui-action-broken { color: var(--text-tertiary); text-decoration: line-through; cursor: help; }
 .dui-table :is(.dui-action, .dui-link) { min-height: 32px; }
 .dui-table .dui-links { margin-top: 0; }
 
 .dui-value { display: inline-flex; flex-direction: column; gap: 2px; }
 .dui-value-desc { font-size: 12px; line-height: 16px; }
 
-.dui-number-active { color: var(--bucket-run); }
-.dui-number-success { color: var(--outcome-merged); }
-.dui-number-warning { color: var(--decision-request-revision); }
-.dui-number-danger { color: var(--outcome-failed); }
+.dui-number-active { color: var(--info); }
+.dui-number-success { color: var(--success); }
+.dui-number-warning { color: var(--warning); }
+.dui-number-danger { color: var(--danger); }
 
-.dui-quote { font-size: 14px; line-height: 22px; color: var(--text-mid); max-width: 68ch;
-  white-space: pre-wrap; margin: 0; padding-left: 16px; border-left: 1px solid var(--border-loud); }
+.dui-quote { font-size: 14px; line-height: 22px; color: var(--text-secondary); max-width: 68ch;
+  white-space: pre-wrap; margin: 0; padding-left: 16px; border-left: 1px solid var(--border-soft); }
 
-.dui-row-more { display: inline-flex; min-height: 32px; align-items: center; font-size: 12px; color: var(--text-faint); margin-left: 8px; text-underline-offset: 3px; }
+.dui-row-more { display: inline-flex; min-height: 32px; align-items: center; font-size: 12px; color: var(--text-tertiary); margin-left: 8px; text-underline-offset: 3px; }
 .dui-row-more:hover, .dui-row-more[aria-expanded='true'] { color: var(--text); text-decoration: underline; }
-.dui-table .dui-row-detail td { white-space: pre-wrap; color: var(--text-mid); font-size: 12px; line-height: 1.6; padding-top: 0; }
+.dui-table .dui-row-detail td { white-space: pre-wrap; color: var(--text-secondary); font-size: 12px; line-height: 1.6; padding-top: 0; }
 
 .dui-page > .page-shell-body > * { margin-top: 32px; margin-bottom: 0; }
 .dui-page > .page-shell-body > :first-child { margin-top: 0; }
@@ -2273,7 +2211,7 @@ a.dui-action { text-decoration: none; color: var(--text-mid); }
 :is(.dui-action, .dui-link, .dui-tab, .dui-retry, .dui-parent, .dui-checkbox,
     .dui-choice input, .dui-input, .dui-gallery-item, .dui-dialog-close,
     .dui-decision .review-btn, a.dui-card, .dui-markdown-mark, .dui-markdown-block):focus-visible {
-  outline: 2px solid var(--accent-violet);
+  outline: 2px solid var(--accent);
   outline-offset: 2px;
 }
 
@@ -2286,4 +2224,4 @@ a.dui-action { text-decoration: none; color: var(--text-mid); }
   .dui-progress-unknown .dui-progress-fill { width: 100% !important; opacity: 0.45; }
 }
 
-.review-note-label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-dim); margin-bottom: 5px; }
+.review-note-label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-tertiary); margin-bottom: 5px; }
diff --git a/frontend/src/tokens.css b/frontend/src/tokens.css
new file mode 100644
index 000000000..ca2a2e15a
--- /dev/null
+++ b/frontend/src/tokens.css
@@ -0,0 +1,101 @@
+/* Generated from the Druks design system. Do not edit. */
+:root {
+  color-scheme: light;
+  --bg: #f7f7f7;
+  --surface: #fcfcfc;
+  --surface-2: #eeeeee;
+  --surface-3: #e7e7e7;
+  --input: #ffffff;
+  --text: #293638;
+  --text-secondary: #424e50;
+  --text-tertiary: #5b6668;
+  --border-soft: #e6e9e5;
+  --border: #dee2de;
+  --border-strong: #71898b;
+  --accent: #00677b;
+  --on-accent: #fffcf6;
+  --selected: #e4e6e7;
+  --brand: #4dd4f4;
+  --scrim: #173d4847;
+  --info: #2a5fa9;
+  --success: #286044;
+  --warning: #81501d;
+  --danger: #a33134;
+  --info-surface: #e9effa;
+  --success-surface: #eaf5ed;
+  --warning-surface: #fff1d8;
+  --danger-surface: #fcefed;
+  --chart-series-1: #146276;
+  --chart-series-2: #6a4e9b;
+  --chart-series-3: #226963;
+  --chart-series-4: #915320;
+  --shadow-dialog: 0 8px 28px #234e5229;
+}
+
+:root[data-theme="dark"] {
+  color-scheme: dark;
+  --bg: #0c0c0c;
+  --surface: #111111;
+  --surface-2: #171717;
+  --surface-3: #1c1c1c;
+  --input: #181818;
+  --text: #f0f2f7;
+  --text-secondary: #b4bccd;
+  --text-tertiary: #99a3b9;
+  --border-soft: #232323;
+  --border: #2b2b2b;
+  --border-strong: #878787;
+  --accent: #4dd4f4;
+  --on-accent: #0c0c0c;
+  --selected: #1d1d1d;
+  --brand: #4dd4f4;
+  --scrim: #00000080;
+  --info: #5d97f6;
+  --success: #4ade80;
+  --warning: #f4ad63;
+  --danger: #ef4f5b;
+  --info-surface: #101b30;
+  --success-surface: #111f14;
+  --warning-surface: #23190f;
+  --danger-surface: #251313;
+  --chart-series-1: #4dd4f4;
+  --chart-series-2: #a78bfa;
+  --chart-series-3: #5eead4;
+  --chart-series-4: #f5a85c;
+  --shadow-dialog: 0 24px 64px rgb(0 0 0/.5);
+}
+
+@media (prefers-color-scheme: dark) {
+:root:not([data-theme]) {
+  color-scheme: dark;
+  --bg: #0c0c0c;
+  --surface: #111111;
+  --surface-2: #171717;
+  --surface-3: #1c1c1c;
+  --input: #181818;
+  --text: #f0f2f7;
+  --text-secondary: #b4bccd;
+  --text-tertiary: #99a3b9;
+  --border-soft: #232323;
+  --border: #2b2b2b;
+  --border-strong: #878787;
+  --accent: #4dd4f4;
+  --on-accent: #0c0c0c;
+  --selected: #1d1d1d;
+  --brand: #4dd4f4;
+  --scrim: #00000080;
+  --info: #5d97f6;
+  --success: #4ade80;
+  --warning: #f4ad63;
+  --danger: #ef4f5b;
+  --info-surface: #101b30;
+  --success-surface: #111f14;
+  --warning-surface: #23190f;
+  --danger-surface: #251313;
+  --chart-series-1: #4dd4f4;
+  --chart-series-2: #a78bfa;
+  --chart-series-3: #5eead4;
+  --chart-series-4: #f5a85c;
+  --shadow-dialog: 0 24px 64px rgb(0 0 0/.5);
+}
+}