/* =====================================================
   SENAPI
   VARIABLES — "Software" theme structure, restyled with
   the UI Kit theme (Logic Dynamics Theme & Templat/
   ui-kit.html) — same theme as Template7. Flat, vivid
   dashboard palette: saturated blue "page", dark navy
   cards, amber accent; depth from hover-lift, not emboss.
===================================================== */

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

    --window-bg: #4A9EF5;
    --titlebar-bg: #2A4370;
    --titlebar-border: transparent;
    --titlebar-text: #A9C0E0;

    --text-dark: #FFFFFF;
    --text-muted: #A9C0E0;
    --text-faint: #7FA0C8;

    --dropdown-hover: #34528A;

    --skeleton-bg: #2A4370;
    --skeleton-bg-strong: #34528A;

    --icon-blue: #FBB03B;
    --icon-blue-soft: rgba(251, 176, 59, .2);

    --blue-box-bg: #2A4370;
    --blue-box-border: transparent;

    --switch-track-off: #16243D;
    --switch-track-on: #0F3D2E;
    --switch-knob: #FBB03B;

    /* UI-kit tokens — from ui-kit.html */
    --uk-card-2: #34528A;
    --uk-card-hover-shadow: 0 20px 40px -22px rgba(0, 0, 0, .65);
    --uk-card-radius: 14px;

}

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

    --window-bg: #1B2A47;
    --titlebar-bg: #16223A;
    --titlebar-border: transparent;
    --titlebar-text: #90A6C6;

    --text-dark: #EAF0FA;
    --text-muted: #90A6C6;
    --text-faint: #5D7196;

    --dropdown-hover: #223256;

    --skeleton-bg: #16223A;
    --skeleton-bg-strong: #223256;

    --icon-blue: #FBB03B;
    --icon-blue-soft: rgba(251, 176, 59, .15);

    --blue-box-bg: #16223A;
    --blue-box-border: transparent;

    --switch-track-off: #0E1728;
    --switch-track-on: #0F3D2E;
    --switch-knob: #FBB03B;

    --uk-card-2: #223256;
    --uk-card-hover-shadow: 0 20px 40px -22px rgba(0, 0, 0, .8);
    --uk-card-radius: 14px;

}

/* Shared tokens, unaffected by theme — the wall stays
   fixed across both themes, same reasoning as the
   original mockup: only the floating window changes
   color when toggling, reinforcing that it's the "page"
   switching, not the desktop behind it. */

:root {

    --wall-base: #c7d6e8;
    --wall-blot-a: #b7c9df;
    --wall-blot-b: #d6e2f0;
    --wall-blot-c: #aebedd;

    --dot-red: #ff5f57;
    --dot-yellow: #ffbd2e;
    --dot-green: #28c840;

    --statusbar-bg: #007acc;
    --statusbar-text: #ffffff;
    --statusbar-hover: rgba(255, 255, 255, 0.12);

    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

    --status-bar-height: 24px;

    /* UI-kit motion — from ui-kit.html */
    --uk-fast: 150ms;
    --uk-base: 280ms;
    --uk-slow: 520ms;
    --uk-ease-out: cubic-bezier(.25, 1, .5, 1);
    --uk-ease-expo: cubic-bezier(.16, 1, .3, 1);
    --uk-ease-spring: cubic-bezier(.34, 1.56, .64, 1);

}