:root{
  --theme-bg: #111c3a; /* --theme-bg: #0f172a; #0b1220 (= lijkt bijna op zwart) */
  --theme-surface: #162244;
  --theme-text: #ffffff;

  --theme-primary: #7fb5ff;         /* licht blue default */
  --theme-primary-hover: #0b3d91;   /* donker blue hover */

  --theme-on-primary: #000000;
  --theme-on-primary-hover: #ffffff;
  --theme-shadow-strong: 0 12px 28px rgba(0,0,0,0.6);   /* 👈 HIER */  
}

/* =====================================================
   DARK BLUE BACKGROUND OPTIONS (for --theme-bg / --theme-surface)

   Almost Black Blue:    #020617;  /* ultra dark, near-black */
   Deep Navy:            #0b1220;  /* very dark, subtle blue */
   Midnight Blue:        #0f172a;  /* ⭐ recommended default */
   Oxford Blue:          #0a1a2f;  /* rich dark blue */
   Royal Night Blue:     #111c3a;  /* slightly lighter, modern */
   Deep Indigo:          #162244;  /* ideal for surfaces/cards */

   Usage example:
   --theme-bg: #0f172a;
   --theme-surface: #162244;
===================================================== */