chore(admin-ui): tokenise page-header/stat-card in admin-components css

public/css/admin-components.css

@@ -18,22 +18,22 @@
 }
 
 .toast{
-    background:#111827;
-    border:1px solid #334155;
+    background:var(--adm-bg-container, #ffffff);
+    border:1px solid var(--adm-border-color, #e5e7eb);
     border-left-width:4px;
-    border-radius:12px;
+    border-radius:var(--adm-radius, 12px);
     padding:12px 12px;
-    color:#e5e7eb;
-    box-shadow:0 14px 30px rgba(0,0,0,.35);
+    color:var(--adm-text, #0f172a);
+    box-shadow:0 12px 30px rgba(15, 23, 42, .12);
     display:flex;
     align-items:flex-start;
     justify-content:space-between;
     gap:12px;
 }
 
-.toast-success{border-left-color:#16a34a;}
-.toast-warning{border-left-color:#f59e0b;}
-.toast-error{border-left-color:#ef4444;}
+.toast-success{border-left-color:var(--adm-success, #16a34a);}
+.toast-warning{border-left-color:var(--adm-warning, #f59e0b);}
+.toast-error{border-left-color:var(--adm-error, #ef4444);}
 
 .toast-content{
     font-size:13px;
@@ -45,7 +45,7 @@
     appearance:none;
     border:none;
     background:transparent;
-    color:#94a3b8;
+    color:var(--adm-text-muted, #94a3b8);
     font-size:18px;
     line-height:1;
     cursor:pointer;
@@ -54,8 +54,8 @@
 }
 
 .toast-close:hover{
-    background:#1f2937;
-    color:#e5e7eb;
+    background:rgba(22, 119, 255, .08);
+    color:var(--adm-text, #0f172a);
 }
 
 .form-inline-row{
@@ -114,9 +114,9 @@
 .page-header{
     width:100%;
     padding:16px;
-    border:1px solid #e5e7eb;
-    border-radius:12px;
-    background:#ffffff;
+    border:1px solid var(--adm-border-color, #e5e7eb);
+    border-radius:var(--adm-radius, 12px);
+    background:var(--adm-bg-container, #ffffff);
 }
 
 .page-header-main{
@@ -129,14 +129,14 @@
 .page-header-title{
     font-size:18px;
     font-weight:700;
-    color:#0f172a;
+    color:var(--adm-text, #0f172a);
     line-height:1.2;
 }
 
 .page-header-subtitle{
     margin-top:6px;
     font-size:13px;
-    color:#64748b;
+    color:var(--adm-text-secondary, #64748b);
     line-height:1.45;
 }
 
@@ -152,7 +152,7 @@
     display:flex;
     flex-wrap:wrap;
     gap:12px;
-    color:#64748b;
+    color:var(--adm-text-secondary, #64748b);
     font-size:12px;
 }
 
@@ -177,21 +177,21 @@
 
 .stat-card-title{
     font-size:12px;
-    color:#64748b;
+    color:var(--adm-text-secondary, #64748b);
 }
 
 .stat-card-value{
     margin-top:10px;
     font-size:22px;
     font-weight:800;
-    color:#0f172a;
+    color:var(--adm-text, #0f172a);
     letter-spacing:.2px;
 }
 
 .stat-card-footnote{
     margin-top:8px;
     font-size:12px;
-    color:#94a3b8;
+    color:var(--adm-text-muted, #94a3b8);
 }
 
 .collapsible > summary{