/* ========================================
 *  TEEMAT – Kaikki teemojen CSS-muuttujat
 *  ======================================== */

/* ===== DARK-TEEMA (oletus) ===== */
body.theme-dark {
    --bg-primary: #121316;
    --bg-secondary: #1a1b1e;
    --bg-card: #1a1b1e;
    --bg-nav: #0a0b0e;
    --bg-footer: #0a0b0e;
    --bg-input: #121316;
    --bg-hover: #1e1f24;
    --bg-dropdown: #1a1b1e;

    --text-primary: #e2e8f0;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-inverse: #0f172a;

    --border-color: #2d2f33;
    --border-light: #1e1f24;

    --shadow-color: rgba(0, 0, 0, 0.4);
    --shadow-hover: rgba(0, 0, 0, 0.6);

    --accent-color: #6e40c9;
    --accent-hover: #5a32a8;
    --accent-light: #7c48e3;

    --success-bg: #1a2d1a;
    --success-text: #86efac;
    --success-border: #166534;

    --error-bg: #2d1a1a;
    --error-text: #fca5a5;
    --error-border: #7f1d1d;

    --warning-bg: #2d2a1a;
    --warning-text: #fcd34d;
    --warning-border: #78350f;

    --info-bg: #1a1a2d;
    --info-text: #93c5fd;
    --info-border: #1e3a5f;

    --btn-secondary-bg: #2d2f33;
    --btn-secondary-hover: #3d3f44;
    --btn-secondary-text: #cbd5e1;

    --border-radius: 12px;
    --card-shadow: 0 4px 20px rgba(0,0,0,0.5);
    --transition: 0.2s ease;
}

/* ===== LIGHT-TEEMA (paranneltu kontrasti ja pehmeämpi) ===== */
body.theme-light {
    /* Päätausta: pehmeä vaaleanharmaa, ei häikäisevän valkoinen */
    --bg-primary: #eef1f5;
    --bg-secondary: #f8f9fc;
    --bg-card: #ffffff;
    --bg-nav: #f8f9fc;
    --bg-footer: #e8ecf1;
    --bg-input: #f8f9fc;
    --bg-hover: #e2e8f0;
    --bg-dropdown: #ffffff;

    /* Tekstit: tummemmat ja selkeämmät */
    --text-primary: #0a0f1a;
    --text-secondary: #1a2634;
    --text-muted: #4a5568;
    --text-inverse: #ffffff;

    /* Reunukset: selkeämmät mutta eivät liian tummat */
    --border-color: #cbd5e1;
    --border-light: #dce2eb;

    /* Varjot: hieman voimakkaammat erottuvuuden takia */
    --shadow-color: rgba(0, 0, 0, 0.10);
    --shadow-hover: rgba(0, 0, 0, 0.18);

    /* Aksenttiväri: tummempi sininen, joka erottuu paremmin */
    --accent-color: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-light: #60a5fa;

    --success-bg: #ecfdf5;
    --success-text: #065f46;
    --success-border: #a7f3d0;

    --error-bg: #fef2f2;
    --error-text: #991b1b;
    --error-border: #fecaca;

    --warning-bg: #fffbeb;
    --warning-text: #92400e;
    --warning-border: #fde68a;

    --info-bg: #eff6ff;
    --info-text: #1e40af;
    --info-border: #bfdbfe;

    /* Toissijaiset napit: selkeämpi kontrasti */
    --btn-secondary-bg: #e2e8f0;
    --btn-secondary-hover: #cbd5e1;
    --btn-secondary-text: #1a2634;

    --card-shadow: 0 4px 20px rgba(0,0,0,0.08);
    --transition: 0.2s ease;
    --border-radius: 12px;
}

/* ===== DEFAULT-TEEMA (GitHub-tyylinen) ===== */
body.theme-default {
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-card: #161b22;
    --bg-nav: #0d1117;
    --bg-footer: #0d1117;
    --bg-input: #0d1117;
    --bg-hover: #1c2333;
    --bg-dropdown: #161b22;

    --text-primary: #f0f6fc;
    --text-secondary: #c9d1d9;
    --text-muted: #8b949e;

    --border-color: #30363d;
    --border-light: #21262d;

    --shadow-color: rgba(0, 0, 0, 0.5);
    --shadow-hover: rgba(0, 0, 0, 0.7);

    --accent-color: #3b82f6;
    --accent-hover: #2563eb;
    --accent-light: #388bfd;

    --btn-secondary-bg: #21262d;
    --btn-secondary-hover: #30363d;
    --btn-secondary-text: #c9d1d9;

    --card-shadow: 0 4px 20px rgba(0,0,0,0.6);
}

/* ===== e621-TEEMA ===== */
body.theme-e621 {
    font-family: 'Comic Neue', 'Comic Sans MS', 'Comic Sans', cursive, sans-serif;

    --bg-primary: #020f23;
    --bg-secondary: #152f56;
    --bg-card: #1f3c67;
    --bg-nav: #020f23;
    --bg-footer: #020f23;
    --bg-input: #152f56;
    --bg-hover: #2a4d7a;
    --bg-dropdown: #152f56;

    --text-primary: #ffffff;
    --text-secondary: #b4c7d9;
    --text-muted: #999999;

    --border-color: #355076;
    --border-light: #1d3962;

    --shadow-color: rgba(0, 0, 0, 0.6);
    --shadow-hover: rgba(0, 0, 0, 0.8);

    --accent-color: #e8c446;
    --accent-hover: #d4a832;
    --accent-light: #f0d060;

    --success-bg: #1a2d1a;
    --success-text: #86efac;
    --success-border: #166534;

    --error-bg: #2d1a1a;
    --error-text: #fca5a5;
    --error-border: #7f1d1d;

    --warning-bg: #2d2a1a;
    --warning-text: #fcd34d;
    --warning-border: #78350f;

    --info-bg: #1a1a2d;
    --info-text: #93c5fd;
    --info-border: #1e3a5f;

    --btn-secondary-bg: #1f3c67;
    --btn-secondary-hover: #2a4d7a;
    --btn-secondary-text: #ffffff;

    --border-radius: 12px;
    --card-shadow: 0 4px 20px rgba(0,0,0,0.6);
    --transition: 0.2s ease;
}


/* ===== SYSBOX-AETHER -TEEMA ===== */
body.theme-sysbox-aether {
    /* ===== Päävärit ===== */
    --bg-primary: #000000;           /* SysboxBackground - puhdas musta */
    --bg-secondary: #0A0C12;         /* SysboxSurface - lähes musta sinisävyllä */
    --bg-card: #141929;              /* SysboxSurfaceVariant - nostettu pinta */
    --bg-nav: #000000;               /* SysboxBackground */
    --bg-footer: #000000;            /* SysboxBackground */
    --bg-input: #0A0C12;             /* SysboxSurface */
    --bg-hover: #141929;             /* SysboxSurfaceVariant */
    --bg-dropdown: #141929;          /* SysboxSurfaceVariant */

    /* ===== Tekstit ===== */
    --text-primary: #E4E8FF;         /* SysboxOnBackground - viileänvalkoinen */
    --text-secondary: #9CA3C0;       /* SysboxOnSurfaceVariant - himmeämpi */
    --text-muted: #6B728E;           /* Hieman tummempi kuin OnSurfaceVariant */
    --text-inverse: #001824;         /* SysboxOnPrimary - tumma teksti */

    /* ===== Reunukset ===== */
    --border-color: #2E3650;         /* SysboxOutline - hienovarainen reunus */
    --border-light: #1A2035;         /* SysboxOutlineVariant - vielä hienovaraisempi */

    /* ===== Varjot ===== */
    --shadow-color: rgba(0, 0, 0, 0.6);
    --shadow-hover: rgba(0, 0, 0, 0.8);

    /* ===== Aksentit ===== */
    --accent-color: #9CDFFF;         /* SysboxPrimary - signature light-blue */
    --accent-hover: #5BB8E8;         /* SysboxPrimaryDim - syvempi sininen */
    --accent-light: #B8EAFF;         /* Vaalennettu versio primarysta */

    /* ===== Statusvärit ===== */
    --success-bg: #001A12;           /* SysboxOnTertiary - tumma teksti mintulla */
    --success-text: #80FFD4;         /* SysboxTertiary - mint */
    --success-border: #1A4D3A;       /* Tummempi mint */

    --error-bg: #2D0000;             /* SysboxOnError */
    --error-text: #FF6B6B;           /* SysboxError */
    --error-border: #6B1A1A;         /* Tummempi punainen */

    --warning-bg: #1A0030;           /* SysboxOnSecondary - tumma teksti purppuralla */
    --warning-text: #C68AFF;         /* SysboxSecondary - signature light-purple */
    --warning-border: #4A1A6B;       /* Tummempi purppura */

    --info-bg: #001824;              /* SysboxOnPrimary - tumma teksti sinisellä */
    --info-text: #9CDFFF;            /* SysboxPrimary - light-blue */
    --info-border: #1A4A6B;          /* Tummempi sininen */

    /* ===== Toissijaiset napit ===== */
    --btn-secondary-bg: #141929;     /* SysboxSurfaceVariant */
    --btn-secondary-hover: #2E3650;  /* SysboxOutline */
    --btn-secondary-text: #E4E8FF;   /* SysboxOnSurface */

    /* ===== Muut ===== */
    --border-radius: 12px;
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
    --transition: 0.2s ease;
}