/* =========================================
   AUTO DARK MODE (OS preference)
========================================= */

@media (prefers-color-scheme: dark) {
  :root {
    --wp--preset--color--background: rgba(10, 10, 10, 1);

    --wp--preset--color--surface: rgba(23, 23, 23, 1);
    --wp--preset--color--surface-75: rgba(23, 23, 23, 0.75);

    --wp--preset--color--contrast-high: rgba(250, 250, 250, 1);
    --wp--preset--color--contrast-medium: rgba(229, 229, 229, 1);
    --wp--preset--color--contrast-low: rgba(163, 163, 163, 1);
    --wp--preset--color--contrast-muted: rgba(87, 83, 78, 1);

    --wp--preset--color--emerald-500: rgba(16, 185, 129, 1);
    --wp--preset--color--emerald-700: rgba(4, 120, 87, 1);
  }
}

/* =========================================
   MANUAL DARK OVERRIDE
========================================= */

:root.theme-dark {
  --wp--preset--color--background: rgba(10, 10, 10, 1);

  --wp--preset--color--surface: rgba(23, 23, 23, 1);
  --wp--preset--color--surface-75: rgba(23, 23, 23, 0.75);

  --wp--preset--color--contrast-high: rgba(250, 250, 250, 1);
  --wp--preset--color--contrast-medium: rgba(229, 229, 229, 1);
  --wp--preset--color--contrast-low: rgba(163, 163, 163, 1);
  --wp--preset--color--contrast-muted: rgba(87, 83, 78, 1);

  --wp--preset--color--emerald-500: rgba(16, 185, 129, 1);
  --wp--preset--color--emerald-700: rgba(4, 120, 87, 1);
}

/* =========================================
   FORCE LIGHT IF MANUALLY SELECTED
========================================= */

:root {
  --wp--preset--color--background: rgba(244, 244, 244, 1);

  --wp--preset--color--surface: rgba(255, 255, 255, 1);
  --wp--preset--color--surface-75: rgba(255, 255, 255, 0.75);

  --wp--preset--color--contrast-high: rgba(10, 10, 10, 1);
  --wp--preset--color--contrast-medium: rgba(38, 38, 38, 1);
  --wp--preset--color--contrast-low: rgba(82, 82, 82, 1);
  --wp--preset--color--contrast-muted: rgba(163, 163, 163, 1);

  --wp--preset--color--emerald-500: rgba(16, 185, 129, 1);
  --wp--preset--color--emerald-700: rgba(4, 120, 87, 1);
}