From 6da15d1ac899a6fee0821c4096ddf8013b272050 Mon Sep 17 00:00:00 2001
From: Jake <jake@corbel.consulting>
Date: Thu, 7 May 2026 10:53:30 +0100
Subject: [PATCH] feat(ui): wire deferred Card tone and elevation variants

---
 src/lib/components/ModelDownloader.svelte | 2 +-
 src/lib/pages/FilesPage.svelte            | 2 +-
 src/lib/pages/HistoryPage.svelte          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/ModelDownloader.svelte b/src/lib/components/ModelDownloader.svelte
index b105abc..d91b0a2 100644
--- a/src/lib/components/ModelDownloader.svelte
+++ b/src/lib/components/ModelDownloader.svelte
@@ -62,7 +62,7 @@
 </script>
 
 <div class="flex flex-col items-center justify-center h-full px-8 animate-fade-in">
-  <Card classes="max-w-md w-full">
+  <Card classes="max-w-md w-full" elevation="raised">
     <div class="p-8 text-center">
       <div class="w-16 h-16 rounded-full bg-accent/10 flex items-center justify-center mx-auto mb-5">
         <svg class="w-8 h-8 text-accent" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
diff --git a/src/lib/pages/FilesPage.svelte b/src/lib/pages/FilesPage.svelte
index 9cc422f..e5ddab7 100644
--- a/src/lib/pages/FilesPage.svelte
+++ b/src/lib/pages/FilesPage.svelte
@@ -154,7 +154,7 @@
 
   <!-- Drop zone -->
   <div class="px-7 pb-3">
-    <Card>
+    <Card tone="subtle">
       <div
         class="flex flex-col items-center justify-center py-10 px-6 rounded-xl border-2 border-dashed m-3
           {isDragOver
diff --git a/src/lib/pages/HistoryPage.svelte b/src/lib/pages/HistoryPage.svelte
index 8648112..a984d85 100644
--- a/src/lib/pages/HistoryPage.svelte
+++ b/src/lib/pages/HistoryPage.svelte
@@ -619,7 +619,7 @@
 
   <!-- Search -->
   <div class="px-7 pb-3">
-    <Card>
+    <Card tone="subtle">
       <div class="flex items-center gap-3 px-4 py-2.5">
         <Search size={16} class="text-text-tertiary flex-shrink-0" aria-hidden="true" />
         <input