style: unify card and page backgrounds for a cohesive cream canvas

--c-surface now matches --c-bg in both light and dark modes. Cards
become defined by their border-light outlines rather than a darker
fill, so the page reads as one continuous surface instead of a
grid of slightly grayer panels.

--c-surface-raised keeps a subtle state delta on hover so cards
still feel interactive, just without changing the resting palette.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: dotsystemsdevs

src/app/globals.css

@@ -8,8 +8,8 @@
 :root {
   /* Backgrounds */
   --c-bg:       #FAF6EF;   /* page background */
-  --c-surface:  #EDE8E1;   /* cards */
-  --c-surface-raised: #F5F0E8; /* cards lifted above surface */
+  --c-surface:  #FAF6EF;   /* cards (matches page for a unified cream canvas) */
+  --c-surface-raised: #F1ECE3; /* cards on hover: slight darken for state feedback */
 
   /* Text */
   --c-ink:      #160A06;   /* primary text */
@@ -31,8 +31,8 @@
 [data-theme="dark"] {
   /* Backgrounds */
   --c-bg:       #0F0C09;   /* page background */
-  --c-surface:  #1A1510;   /* cards */
-  --c-surface-raised: #241D16; /* cards lifted above surface */
+  --c-surface:  #0F0C09;   /* cards (matches page in dark mode too) */
+  --c-surface-raised: #1A1510; /* cards on hover: slight lift for state feedback */
 
   /* Text */
   --c-ink:      #EDE8E1;   /* primary text */