/* themes.css */
:root,
:root[data-theme="dark"],
:root[data-theme="custom"] {
  --c-bg: #0b0b0b;
  --c-panel: #141414;
  --c-input: #1c1c1c;

  --c-text: #e6e6e6;
  --c-muted: #a0a0a0;

  --c-accent: #3a7afe;
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #5a90ff;
  --c-chat-say: #9bc0db;
  --c-chat-tag: #d7b36a;
  --c-chat-mention: var(--c-success);

  --c-border: #2a2a2a;

  --c-success: #44d17a;
  --c-warning: #ffe7a3;
  --c-danger:  #ffb3b3;

  --c-success-bg: #112a1a;
  --c-warning-bg: #2a2412;
  --c-danger-bg:  #2a1212;

  --c-success-border: #1d5a33;
  --c-warning-border: #5a4b1a;
  --c-danger-border:  #5a2a2a;

  /* Text color to use on accent backgrounds */
  --c-text-on-accent: #ffffff;
}

:root[data-theme="obsidian"] {
  --c-bg: #0d0f12;
  --c-panel: #15181d;
  --c-input: #1d2128;

  --c-text: #e4e7ec;
  --c-muted: #9aa1ad;

  --c-accent: #5c7cfa;
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #748ffc;
  --c-chat-say: #99aedc;
  --c-chat-tag: #d6b36a;
  --c-chat-mention: var(--c-success);

  --c-border: #2a2f38;

  --c-success: #51cf66;
  --c-warning: #fcc419;
  --c-danger:  #ff6b6b;

  --c-success-bg: #102316;
  --c-warning-bg: #2a240f;
  --c-danger-bg:  #2a1414;

  --c-success-border: #2f6b3f;
  --c-warning-border: #6b5a1a;
  --c-danger-border:  #6b2a2a;

  /* obsidian ink */
  --c-text-on-accent: #0d0f12;
}

:root[data-theme="wine-noir"] {
  --c-bg: #12090c;
  --c-panel: #1b0f14;
  --c-input: #26131b;

  --c-text: #f4e9ee;
  --c-muted: #b89aa6;

  --c-accent: #c9184a;
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #e11d64;
  --c-chat-say: #aa96b2;
  --c-chat-tag: #c9a160;
  --c-chat-mention: var(--c-success);

  --c-border: #3a1a26;

  --c-success: #6ed3a3;
  --c-warning: #f2c879;
  --c-danger:  #ff7b7b;

  --c-success-bg: #0f2a20;
  --c-warning-bg: #2a2314;
  --c-danger-bg:  #2a1212;

  --c-success-border: #2a6b52;
  --c-warning-border: #6b5a2a;
  --c-danger-border:  #6b2a2a;

  /* wine accent is deep: white reads best */
  --c-text-on-accent: #ffffff;
}

:root[data-theme="cyberpunk"] {
  --c-bg: #05080a;
  --c-panel: #0a0e11;
  --c-input: #0f1519;

  --c-text: #e8fff5;
  --c-muted: #7a8f88;

  --c-accent: #00ff9f;            /* verde neon */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #5affc0;
  --c-chat-say: #8debd0;
  --c-chat-tag: #ffd23f;          /* giallo cyber */
  --c-chat-mention: #00ff9f;

  --c-border: #123029;

  --c-success: #00ff9f;
  --c-warning: #ffd23f;
  --c-danger:  #ff3c6a;

  --c-success-bg: #09241b;
  --c-warning-bg: #2a240f;
  --c-danger-bg:  #2a0f16;

  --c-success-border: #0f5a41;
  --c-warning-border: #6b5a1a;
  --c-danger-border:  #6b1a2f;

  /* su sfondo neon serve nero */
  --c-text-on-accent: #05080a;
}

:root[data-theme="phantom-souls"] {
  /* Fondi (nero caldo / cacao) */
  --c-bg: #0e0d0c;        /* quasi nero, caldo */
  --c-panel: #1f1a17;     /* pannelli scuri bronzo */
  --c-input: #2c2622;     /* input / box interni */

  /* Testi */
  --c-text: #e7ded3;      /* beige chiaro, stile pergamena */
  --c-muted: #9c8a78;     /* testo secondario */

  /* Accenti (ambra/oro come barre e dettagli UI) */
  --c-accent: #caa25a;          /* ambra */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #e2c37b;    /* ambra più chiaro */
  --c-chat-say: #d7c3ad;        /* testo chat “soft” */
  --c-chat-tag: #e0b35f;        /* tag / evidenziazioni */
  --c-chat-mention: #f0d38a;    /* mention più luminosa */

  /* Bordi / separatori (rame scuro) */
  --c-border: #3b2a1f;

  /* Stati */
  --c-success: #8fbfa5;   /* verde spento (coerente, non neon) */
  --c-warning: #e0b35f;   /* ambra */
  --c-danger:  #c65a5a;   /* rosso caldo */

  /* Background stati */
  --c-success-bg: #162019;
  --c-warning-bg: #241c10;
  --c-danger-bg:  #261113;

  /* Bordi stati */
  --c-success-border: #2e5a44;
  --c-warning-border: #6b5123;
  --c-danger-border:  #6b2a2a;

  /* Su accento ambra serve nero caldo */
  --c-text-on-accent: #0e0d0c;
}

/* 1) Vancouver: Neon Rain (riflessi neon sull’asfalto bagnato) */
:root[data-theme="vancouver-neon-rain"] {
  /* Fondi */
  --c-bg: #070b10;        /* quasi nero blu */
  --c-panel: #0f1722;     /* blu notte */
  --c-input: #162333;     /* petrolio scuro */

  /* Testi */
  --c-text: #e9f1f8;      /* ghiaccio */
  --c-muted: #8fa4b6;     /* nebbia fredda */

  /* Accenti (tramonto + neon) */
  --c-accent: #ff5f6d;          /* neon corallo/rosa */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #ff8a8f;    /* più luminoso */
  --c-chat-say: #d7e6f2;        /* soft */
  --c-chat-tag: #27d7c4;        /* teal neon (riflessi) */
  --c-chat-mention: #ffd18a;    /* ambra calda */

  /* Bordi */
  --c-border: #223449;          /* blu acciaio */

  /* Stati */
  --c-success: #2fe0b6;   /* verde acqua neon */
  --c-warning: #ffd18a;   /* ambra */
  --c-danger:  #ff4d6d;   /* rosso neon */

  /* Background stati */
  --c-success-bg: #071c18;
  --c-warning-bg: #20170d;
  --c-danger-bg:  #220810;

  /* Bordi stati */
  --c-success-border: #1a6b5c;
  --c-warning-border: #6b4f2b;
  --c-danger-border:  #6b1a2a;

  /* Testo su accento */
  --c-text-on-accent: #070b10;
}

/* 3b) Light Grey Low-Contrast (più scura, riposante) */
:root[data-theme="soft-gray-dusk"] {
  /* Fondi (grigio medio, niente bianco) */
  --c-bg: #a1a8ae;        /* fondo principale più scuro */
  --c-panel: #c3ccd4;     /* pannelli */
  --c-input: #b8c3cc;     /* input / box */

  /* Testi (antracite morbido) */
  --c-text: #242b31;      /* non nero puro */
  --c-muted: #4f5c67;     /* secondario */

  /* Accenti (caldi e smorzati, senza “sparare”) */
  --c-accent: #a65f4c;          /* terracotta soft */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #b66f5b;    /* leggermente più chiaro */
  --c-chat-say: #283238;        /* testo chat soft */
  --c-chat-tag: #7a67a7;        /* lavanda tenue */
  --c-chat-mention: #a97735;    /* ambra spenta */

  /* Bordi / separatori (delicati) */
  --c-border: #aab6bf;

  /* Stati (non saturi) */
  --c-success: #3a6f5e;   /* salvia */
  --c-warning: #a97735;   /* ambra spenta */
  --c-danger:  #964450;   /* rosso smorzato */

  /* Background stati (molto soft, poco contrasto) */
  --c-success-bg: #c3d2cc;
  --c-warning-bg: #d7cdbf;
  --c-danger-bg:  #d9c3c7;

  /* Bordi stati */
  --c-success-border: #93afa4;
  --c-warning-border: #bda987;
  --c-danger-border:  #bf959d;

  /* Testo su accento */
  --c-text-on-accent: #eef1f4;
}

/* =========================================================
   NEW THEMES
   ========================================================= */

/* Summer: luce calda, mare e sabbia */
:root[data-theme="summer"] {
  --c-bg: #f7fbff;
  --c-panel: #eef6ff;
  --c-input: #e6f0ff;

  --c-text: #17212b;
  --c-muted: #4c667a;

  --c-accent: #ff8a00;          /* sole */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #ffa533;
  --c-chat-say: #1f3a4a;
  --c-chat-tag: #00a6fb;        /* mare */
  --c-chat-mention: var(--c-success);

  --c-border: #cfe3f7;

  --c-success: #18a957;
  --c-warning: #ffb703;
  --c-danger:  #ef476f;

  --c-success-bg: #dff5e8;
  --c-warning-bg: #fff1d6;
  --c-danger-bg:  #ffe0e8;

  --c-success-border: #8ad2ad;
  --c-warning-border: #ffd08a;
  --c-danger-border:  #f6a0b4;

  --c-text-on-accent: #1b1b1b;
}

/* Christmas: verde abete, rosso e oro */
:root[data-theme="christmas"] {
  --c-bg: #07110c;
  --c-panel: #0d1a12;
  --c-input: #122518;

  --c-text: #f2f6f4;
  --c-muted: #b7c7bf;

  --c-accent: #c1121f;          /* rosso natalizio */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #e01e37;
  --c-chat-say: #dfe8e3;
  --c-chat-tag: #d4af37;        /* oro */
  --c-chat-mention: var(--c-success);

  --c-border: #1f3a2a;

  --c-success: #2fbf71;
  --c-warning: #d4af37;
  --c-danger:  #ff6b6b;

  --c-success-bg: #0f2a1a;
  --c-warning-bg: #2a2412;
  --c-danger-bg:  #2a1212;

  --c-success-border: #1f6b45;
  --c-warning-border: #6b5a1a;
  --c-danger-border:  #6b2a2a;

  --c-text-on-accent: #ffffff;
}

/* Winter: ghiaccio, blu notte e acciaio */
:root[data-theme="winter"] {
  --c-bg: #0a111b;
  --c-panel: #101c2b;
  --c-input: #142338;

  --c-text: #eaf2ff;
  --c-muted: #9fb3cc;

  --c-accent: #4cc9f0;          /* gelo */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #7adcf6;
  --c-chat-say: #d9e6ff;
  --c-chat-tag: #a1b3ff;        /* lavanda fredda */
  --c-chat-mention: var(--c-success);

  --c-border: #21344d;

  --c-success: #44d17a;
  --c-warning: #ffe7a3;
  --c-danger:  #ff7b7b;

  --c-success-bg: #0c2518;
  --c-warning-bg: #2a2412;
  --c-danger-bg:  #2a1212;

  --c-success-border: #1d5a33;
  --c-warning-border: #5a4b1a;
  --c-danger-border:  #5a2a2a;

  --c-text-on-accent: #071017;
}

/* Spring: verde fresco, fiori e aria pulita */
:root[data-theme="spring"] {
  --c-bg: #f6fff7;
  --c-panel: #ecfaef;
  --c-input: #e3f6e7;

  --c-text: #142016;
  --c-muted: #48634d;

  --c-accent: #43aa8b;          /* verde primavera */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #63c0a5;
  --c-chat-say: #1f2d22;
  --c-chat-tag: #f28482;        /* fiore */
  --c-chat-mention: var(--c-success);

  --c-border: #cde9d4;

  --c-success: #2fbf71;
  --c-warning: #f2c879;
  --c-danger:  #e63946;

  --c-success-bg: #dff5e8;
  --c-warning-bg: #fff2df;
  --c-danger-bg:  #ffe0e0;

  --c-success-border: #8ad2ad;
  --c-warning-border: #e7c79a;
  --c-danger-border:  #f0a0a0;

  --c-text-on-accent: #0f1411;
}

/* Autumn: rame, zucca, legno scuro */
:root[data-theme="autumn"] {
  --c-bg: #120e0a;
  --c-panel: #1b140e;
  --c-input: #261c14;

  --c-text: #f1e6d7;
  --c-muted: #b9a186;

  --c-accent: #d97706;          /* arancio zucca */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #f59e0b;
  --c-chat-say: #e6d6c2;
  --c-chat-tag: #b45309;        /* rame */
  --c-chat-mention: var(--c-success);

  --c-border: #3a2a1c;

  --c-success: #7ccba2;
  --c-warning: #f2c879;
  --c-danger:  #ff7b7b;

  --c-success-bg: #13251d;
  --c-warning-bg: #2a2314;
  --c-danger-bg:  #2a1212;

  --c-success-border: #2a6b52;
  --c-warning-border: #6b5a2a;
  --c-danger-border:  #6b2a2a;

  --c-text-on-accent: #120e0a;
}

/* Halloween: viola notte, arancio, verde acido */
:root[data-theme="halloween"] {
  --c-bg: #07060b;
  --c-panel: #120f1a;
  --c-input: #1a1626;

  --c-text: #f2ecff;
  --c-muted: #b7a9d6;

  --c-accent: #ff7a00;          /* zucca */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #ff9a3c;
  --c-chat-say: #e7ddff;
  --c-chat-tag: #9b5de5;        /* viola strega */
  --c-chat-mention: #b6ff00;    /* slime */

  --c-border: #2b2340;

  --c-success: #b6ff00;
  --c-warning: #ffd23f;
  --c-danger:  #ff3c6a;

  --c-success-bg: #15210a;
  --c-warning-bg: #2a240f;
  --c-danger-bg:  #2a0f16;

  --c-success-border: #4c6b1a;
  --c-warning-border: #6b5a1a;
  --c-danger-border:  #6b1a2f;

  --c-text-on-accent: #07060b;
}

/* Saychelle: turchese laguna + sabbia rosata (tropical soft) */
:root[data-theme="saychelle"] {
  --c-bg: #f7fffe;
  --c-panel: #eafffb;
  --c-input: #dff7f4;

  --c-text: #0f2426;
  --c-muted: #4b7a7e;

  --c-accent: #00b4d8;          /* laguna */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #3cc9e6;
  --c-chat-say: #123235;
  --c-chat-tag: #ffb5a7;        /* sabbia rosata */
  --c-chat-mention: var(--c-success);

  --c-border: #c7eeea;

  --c-success: #2a9d8f;
  --c-warning: #e9c46a;
  --c-danger:  #e63946;

  --c-success-bg: #d7f3ef;
  --c-warning-bg: #fff3d6;
  --c-danger-bg:  #ffe0e0;

  --c-success-border: #87d5cc;
  --c-warning-border: #f0d79a;
  --c-danger-border:  #f0a0a0;

  --c-text-on-accent: #041215;
}

/* Nuclear: giallo radioattivo + grafite */
:root[data-theme="nuclear"] {
  --c-bg: #050705;
  --c-panel: #0b0f0b;
  --c-input: #101610;

  --c-text: #e7ffe9;
  --c-muted: #93a894;

  --c-accent: #d7ff00;          /* radioattivo */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #e9ff5a;
  --c-chat-say: #dfffe2;
  --c-chat-tag: #7cff00;        /* verde tossico */
  --c-chat-mention: #d7ff00;

  --c-border: #1c2a1c;

  --c-success: #7cff00;
  --c-warning: #ffd23f;
  --c-danger:  #ff3c6a;

  --c-success-bg: #0f1e0a;
  --c-warning-bg: #2a240f;
  --c-danger-bg:  #2a0f16;

  --c-success-border: #3b6b1a;
  --c-warning-border: #6b5a1a;
  --c-danger-border:  #6b1a2f;

  --c-text-on-accent: #050705;
}

/* Laser: magenta/azzurro “scanline” su base scura */
:root[data-theme="laser"] {
  --c-bg: #060611;
  --c-panel: #0d0d1f;
  --c-input: #131330;

  --c-text: #f2f3ff;
  --c-muted: #a7a8d6;

  --c-accent: #ff2fd6;          /* laser magenta */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #ff6fe6;
  --c-chat-say: #e9eaff;
  --c-chat-tag: #2de2e6;        /* laser cyan */
  --c-chat-mention: #2de2e6;

  --c-border: #24245a;

  --c-success: #2de2e6;
  --c-warning: #ffd23f;
  --c-danger:  #ff3c6a;

  --c-success-bg: #071c1d;
  --c-warning-bg: #2a240f;
  --c-danger-bg:  #2a0f16;

  --c-success-border: #1a6b6d;
  --c-warning-border: #6b5a1a;
  --c-danger-border:  #6b1a2f;

  --c-text-on-accent: #060611;
}

/* Space: blu profondo, stelle, accento viola */
:root[data-theme="space"] {
  --c-bg: #03040a;
  --c-panel: #090b17;
  --c-input: #0f1230;

  --c-text: #e8ecff;
  --c-muted: #9aa6d1;

  --c-accent: #7c3aed;          /* nebulosa */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #9f67ff;
  --c-chat-say: #dfe5ff;
  --c-chat-tag: #38bdf8;        /* stella azzurra */
  --c-chat-mention: var(--c-success);

  --c-border: #1a1f46;

  --c-success: #34d399;
  --c-warning: #fbbf24;
  --c-danger:  #fb7185;

  --c-success-bg: #071c14;
  --c-warning-bg: #2a240f;
  --c-danger-bg:  #2a1216;

  --c-success-border: #1f6b4a;
  --c-warning-border: #6b5a1a;
  --c-danger-border:  #6b2a33;

  --c-text-on-accent: #ffffff;
}

/* Mine: pietra, ferro e ambra (miniera/forgia) */
:root[data-theme="mine"] {
  --c-bg: #0f0f10;
  --c-panel: #17181a;
  --c-input: #1f2023;

  --c-text: #ececec;
  --c-muted: #a9a9ad;

  --c-accent: #f59e0b;          /* ambra/forgia */
  --c-location-pin-title: color-mix(in srgb, var(--c-accent) 78%, var(--c-muted) 22%);
  --c-accent-hover: #ffb74d;
  --c-chat-say: #e3e3e3;
  --c-chat-tag: #94a3b8;        /* acciaio */
  --c-chat-mention: var(--c-success);

  --c-border: #2f3136;

  --c-success: #7ccba2;
  --c-warning: #f59e0b;
  --c-danger:  #ff7b7b;

  --c-success-bg: #11261d;
  --c-warning-bg: #2a1f0f;
  --c-danger-bg:  #2a1212;

  --c-success-border: #2a6b52;
  --c-warning-border: #6b4a1a;
  --c-danger-border:  #6b2a2a;

  --c-text-on-accent: #0f0f10;
}