/* =========================================
   Dark Theme Overrides
========================================= */

:root[data-theme="dark"] {

  /* -----------------------------------------
     Neutral Colors
  ----------------------------------------- */
  --color-white: #020617;
  --color-black: #f8fafc;

  --color-gray-50:  #020617;
  --color-gray-100: #020617;
  --color-gray-200: #0f172a;
  --color-gray-300: #1e293b;
  --color-gray-400: #334155;
  --color-gray-500: #475569;
  --color-gray-600: #64748b;
  --color-gray-700: #94a3b8;
  --color-gray-800: #cbd5e1;
  --color-gray-900: #f8fafc;

  /* -----------------------------------------
     Brand Colors (Dark Tuned)
  ----------------------------------------- */
  --color-primary: #60a5fa;
  --color-primary-hover: #93c5fd;
  --color-primary-muted: rgba(96, 165, 250, 0.15);

  --color-accent: #4ade80;
  --color-accent-muted: rgba(74, 222, 128, 0.15);

  /* -----------------------------------------
     Semantic Colors
  ----------------------------------------- */
  --color-success: #22c55e;
  --color-warning: #fbbf24;
  --color-danger:  #f87171;
  --color-info:    #38bdf8;

  /* -----------------------------------------
     Shadows (Soft Dark)
  ----------------------------------------- */
  --shadow-sm:
    0 1px 2px rgba(0, 0, 0, 0.6);

  --shadow-md:
    0 4px 8px rgba(0, 0, 0, 0.65);

  --shadow-lg:
    0 10px 20px rgba(0, 0, 0, 0.7);
}