/* styles/colourSchemes.css
   -----------------------
   All THEME / COLOUR TOKENS live here.
   main.css should not define colour values (only layout/structure).

   Add new schemes by copying a block and adjusting variables:
     html[data-scheme="midnight"] { ... }
*/

/* =========================================================
   DARK (default)
   ========================================================= */
   html[data-scheme="dark"] {
    --pv-bg: #050915;
    --pv-bg-elevated: #0c1224;
    --pv-border-subtle: #1f2940;

    --pv-accent: #4f8cff;
    --pv-accent-soft: rgba(79, 140, 255, 0.12);

    --pv-text: #f5f7ff;
    --pv-text-muted: #9ba4c7;

    --pv-danger: #ff4f6a;

    --pv-shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.35);

    /* Optional: overlay/backdrop colour for mobile nav */
    --pv-overlay: rgba(0, 0, 0, 0.35);
    --pv-sidebar-shadow: rgba(0, 0, 0, 0.55);
}

/* =========================================================
   LIGHT
   ========================================================= */
html[data-scheme="light"] {
    --pv-bg: #f6f7fb;
    --pv-bg-elevated: #ffffff;
    --pv-border-subtle: #d8deee;

    --pv-accent: #2f6bff;
    --pv-accent-soft: rgba(47, 107, 255, 0.12);

    --pv-text: #0b1020;
    --pv-text-muted: #4f5b7a;

    --pv-danger: #d62839;

    --pv-shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.10);

    --pv-overlay: rgba(0, 0, 0, 0.20);
    --pv-sidebar-shadow: rgba(0, 0, 0, 0.25);
}