diff --git a/frontend/src/lib/planner/DesktopDayTile.svelte b/frontend/src/lib/planner/DesktopDayTile.svelte
index e044324..49feea6 100644
--- a/frontend/src/lib/planner/DesktopDayTile.svelte
+++ b/frontend/src/lib/planner/DesktopDayTile.svelte
@@ -197,7 +197,7 @@
 		height: 100%;
 		width: 100%;
 		cursor: pointer;
-		border-radius: 10px;
+		border-radius: var(--radius-lg);
 		box-shadow: 0 1px 3px rgba(28,28,24,.06), 0 1px 2px rgba(28,28,24,.04);
 		transition: box-shadow .15s, opacity .15s;
 	}
@@ -205,10 +205,10 @@
 		box-shadow: 0 6px 18px rgba(28,28,24,.14), 0 2px 6px rgba(28,28,24,.08);
 	}
 	.scene-today {
-		box-shadow: 0 0 0 2px var(--yellow), 0 1px 3px rgba(28,28,24,.06);
+		box-shadow: 0 0 0 2px var(--color-ring-today), 0 1px 3px rgba(28,28,24,.06);
 	}
 	.scene-today:hover {
-		box-shadow: 0 0 0 2px var(--yellow), 0 6px 18px rgba(28,28,24,.14);
+		box-shadow: 0 0 0 2px var(--color-ring-today), 0 6px 18px rgba(28,28,24,.14);
 	}
 	.scene-selected {
 		box-shadow: 0 0 0 2px var(--green-dark), 0 6px 18px rgba(28,28,24,.14);
@@ -218,7 +218,7 @@
 		box-shadow: 0 0 0 2px var(--green-dark), 0 6px 18px rgba(28,28,24,.14);
 	}
 	.scene-dimmed {
-		opacity: 0.42;
+		opacity: var(--opacity-dimmed);
 		pointer-events: none;
 	}
 
@@ -243,7 +243,7 @@
 	.card-front-inner {
 		position: absolute;
 		inset: 0;
-		border-radius: 10px;
+		border-radius: var(--radius-lg);
 		overflow: hidden;
 	}
 
@@ -288,7 +288,7 @@
 		background: rgba(255,255,255,.22);
 	}
 	.dn-today {
-		background: var(--yellow) !important;
+		background: var(--color-ring-today) !important;
 		color: #fff !important;
 	}
 	.dn-selected {
@@ -336,7 +336,7 @@
 	.card-back-inner {
 		position: absolute;
 		inset: 0;
-		border-radius: 10px;
+		border-radius: var(--radius-lg);
 		overflow-y: auto;
 		background: var(--color-page);
 		border: 1px solid var(--color-border);
diff --git a/frontend/src/lib/planner/EmptyDayTile.svelte b/frontend/src/lib/planner/EmptyDayTile.svelte
index 1d6faa3..84b97a4 100644
--- a/frontend/src/lib/planner/EmptyDayTile.svelte
+++ b/frontend/src/lib/planner/EmptyDayTile.svelte
@@ -31,7 +31,7 @@
 	data-testid="empty-day-tile"
 	role="group"
 	class="h-full flex flex-col overflow-hidden"
-	style="border: 1.5px dashed var(--color-border); border-radius: 10px; background: var(--color-surface); box-shadow: 0 1px 3px rgba(28,28,24,.06);"
+	style="border: 1.5px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: 0 1px 3px rgba(28,28,24,.06);"
 >
 	<!-- Day header -->
 	<div style="display: flex; align-items: center; justify-content: space-between; padding: 7px 8px 0; flex-shrink: 0;">