fix serve recipe: filter output to Development Server start + [200] requests only

refactor: unify CSS color variables across public and admin

- Replace old variable structure with new standardized naming:
  - Background: --bg-primary, --bg-secondary, --bg-tertiary, --bg-active
  - Text: --text-primary, --text-secondary, --text-tertiary
  - Border: --border-primary, --border-secondary
  - Status: --success, --error, --warning
  - Accent: --accent-primary, --accent-secondary, --accent-foreground, --accent-muted
- Remove admin-specific color variables (--admin-*)
- Update all CSS files to use shared variables:
  - variables.css, common.css, main.css, admin.css
  - tfe.css, search.css, apropos.css, system.css, colors.css

public/assets/css/main.css

@@ -2,12 +2,14 @@
    HOME PAGE (index.php)
    ============================================================ */
 
+@import url("./variables.css");
+
 .home-body {
   display: flex;
   flex-direction: column;
   height: 100vh;
   overflow: hidden;
-  background: var(--white);
+  background: var(--bg-primary);
 }
 
 /* Cards grid — scrollable main area */
@@ -45,7 +47,7 @@
   flex-direction: column;
   cursor: pointer;
   border: none;
-  background: var(--white);
+  background: var(--bg-primary);
   overflow: hidden;
 }
 
@@ -62,7 +64,7 @@
   width: 100%;
   aspect-ratio: 4/3;
   overflow: hidden;
-  background: #e8e8e8;
+  background: var(--bg-tertiary);
   position: relative;
   margin: 0; /* reset <figure> default margin */
 }
@@ -84,11 +86,11 @@
 .card__media--placeholder {
   width: 100%;
   height: 100%;
-  background: linear-gradient(135deg, #e8e8e8, #d0d0d0);
+  background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-active));
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #aaa;
+  color: var(--text-tertiary);
   font-size: 2rem;
 }
 
@@ -105,7 +107,7 @@
 }
 
 .card__gradient-author {
-  color: #fff;
+  color: #ffffff;
   font-size: 0.75rem;
   opacity: .85;
   margin-bottom: .25rem;
@@ -113,7 +115,7 @@
 }
 
 .card__gradient-title {
-  color: #fff;
+  color: #ffffff;
   font-size: 0.85rem;
   font-weight: 600;
   display: -webkit-box;
@@ -132,7 +134,7 @@
   padding: 0.55rem 0.5rem 0.65rem;
   font-size: 0.88rem;
   line-height: 1.35;
-  color: var(--black);
+  color: var(--text-primary);
   margin: 0;
   font-weight: 400;
 }
@@ -140,15 +142,15 @@
 /* Empty-state message shown when no cards exist */
 .cards-empty {
   padding: 2rem;
-  color: #6b6b6b;
+  color: var(--text-tertiary);
   font-size: 0.9rem;
   list-style: none;
 }
 
 /* Filter info */
 .filter-info {
-  background: var(--purple-light);
-  color: var(--purple-dark);
+  background: var(--accent-muted);
+  color: var(--accent-secondary);
   padding: 0.4rem 1.5rem;
   font-size: 0.85rem;
   display: flex;
@@ -158,22 +160,22 @@
 }
 
 .clear-filter {
-  color: var(--purple-dark);
+  color: var(--accent-secondary);
   text-decoration: none;
   padding: 0.15rem 0.6rem;
-  background: rgba(149, 87, 181, 0.12);
+  background: var(--accent-muted);
   border-radius: 3px;
   font-size: 0.82rem;
 }
 
 .clear-filter:hover {
-  background: rgba(149, 87, 181, 0.22);
+  background: var(--accent-secondary);
 }
 
 /* Pagination */
 .pagination-wrap {
-  border-top: 1px solid var(--border-color);
-  background: var(--white);
+  border-top: 1px solid var(--border-secondary);
+  background: var(--bg-primary);
   flex-shrink: 0;
 }
 
@@ -194,17 +196,17 @@
   min-width: 2rem;
   height: 2rem;
   padding: 0 0.5rem;
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--border-secondary);
   border-radius: 3px;
-  color: var(--black);
+  color: var(--text-primary);
   font-size: 0.9rem;
   text-decoration: none;
   transition: all 0.15s;
 }
 
 .pagination-btn:hover:not(.disabled) {
-  border-color: var(--purple);
-  color: var(--purple);
+  border-color: var(--accent-primary);
+  color: var(--accent-primary);
 }
 
 .pagination-btn.disabled {
@@ -215,13 +217,13 @@
 
 .pagination-info {
   font-size: 0.9rem;
-  color: var(--text-muted);
+  color: var(--text-secondary);
   padding: 0 0.5rem;
 }
 
 .page-current {
   font-weight: 600;
-  color: var(--black);
+  color: var(--text-primary);
 }
 
 /* Suppress card hover scale for users who prefer reduced motion */