/**
 * Pingly Theme Engine & Color Palettes
 * Description: Määrittelee sovelluksen väriteemat CSS-muuttujina.
 * Suunniteltu täysin dynaamiseksi: teeman vaihto tapahtuu lennosta vaihtamalla
 * data-theme attribuuttia body-elementissä.
 * Tehty <3 Kalajoella.
 * Author: Markus Haapasaari / Kaupunkilehti Kalajokinen
 * Version: 1.0
 */

:root {
    /* --- TEEMA 1: Midnight Pingly (Oletus) --- */
    /* Syvä, turvallinen ja silmäystävällinen pimeä tila */
    --pingly-bg-main: #0b141a;
    --pingly-bg-header: #202c33;
    --pingly-bg-chat: #0b141a; /* Voidaan lisätä taustakuva päälle */

    --pingly-theme-accent: #00a884;
    --pingly-theme-accent-hover: #008f6f;
    --pingly-theme-text-on-accent: #ffffff;

    --pingly-msg-incoming: #202c33;
    --pingly-msg-outgoing: #005c4b;

    --pingly-text-primary: #e9edef;
    --pingly-text-secondary: #8696a0;
}

/* --- TEEMA 2: Kalajoki Dawn --- */
/* Inspiraatio: Aamunkoitto merellä, usvainen sininen ja nouseva aurinko */
[data-theme="kalajoki-dawn"] {
    --pingly-bg-main: #1c2331;
    --pingly-bg-header: #242f40;
    --pingly-bg-chat: #151b26;

    --pingly-theme-accent: #ff8f70; /* Aamurusko */
    --pingly-theme-accent-hover: #e07b5e;
    --pingly-theme-text-on-accent: #1c2331;

    --pingly-msg-incoming: #374760;
    --pingly-msg-outgoing: #cf6d51; /* Lämmin oranssi */

    --pingly-text-primary: #ffffff;
    --pingly-text-secondary: #aab6ca;
}

/* --- TEEMA 3: Northern Aurora --- */
/* Inspiraatio: Revontulet, neon, vuosi 2077 */
[data-theme="northern-aurora"] {
    --pingly-bg-main: #050505;
    --pingly-bg-header: #111;
    --pingly-bg-chat: #000000;

    --pingly-theme-accent: #00ff9d; /* Neonvihreä */
    --pingly-theme-accent-hover: #00cc7d;
    --pingly-theme-text-on-accent: #000;

    --pingly-msg-incoming: #1a1a1a;
    --pingly-msg-outgoing: #004d36; /* Tumma neon */

    --pingly-text-primary: #e0e0e0;
    --pingly-text-secondary: #00ff9d; /* Korostusväri tekstissäkin */
}

/* --- TEEMA 4: Hiekkasärkät (Light Mode) --- */
/* Inspiraatio: Hiekka, dyynit, aurinko. Lämmin ja luettava. */
[data-theme="hiekkasarkat"] {
    --pingly-bg-main: #f0f2f5;
    --pingly-bg-header: #ffffff;
    --pingly-bg-chat: #efeae2;

    --pingly-theme-accent: #dfa66a; /* Hiekan kulta */
    --pingly-theme-accent-hover: #c4925d;
    --pingly-theme-text-on-accent: #fff;

    --pingly-msg-incoming: #ffffff;
    --pingly-msg-outgoing: #e8dcc6;

    --pingly-text-primary: #111b21;
    --pingly-text-secondary: #667781;
}

/* --- TEEMA 5: Stealth Slate --- */
/* Inspiraatio: Titaani, betoni, minimalismi. Ei häiriötekijöitä. */
[data-theme="stealth-slate"] {
    --pingly-bg-main: #181818;
    --pingly-bg-header: #212121;
    --pingly-bg-chat: #121212;

    --pingly-theme-accent: #607d8b; /* Blue Grey */
    --pingly-theme-accent-hover: #455a64;
    --pingly-theme-text-on-accent: #ffffff;

    --pingly-msg-incoming: #2c2c2c;
    --pingly-msg-outgoing: #37474f;

    --pingly-text-primary: #dcdcdc;
    --pingly-text-secondary: #909090;
}

/* Yleiset siirtymät pehmeää teeman vaihtoa varten */
body,
.auth-page,
.auth-card,
#pingly-sidebar,
header,
footer,
.message-bubble {
    transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}