/* ==========================================================================
   VAULT THEME - Design tokens condivisi dalle pagine a tema "vault"
   (AccountsDSMC accounts-forms.css, pass-core-site.css, passCore.css,
   PassCore css/Admin/app-settings-page.css).

   Prima di questo file, ognuna di quelle pagine ridefiniva lo stesso identico
   set di colori/font/raggio/easing con un proprio prefisso (--log-*, --reg-*,
   --pi-*, --pc-*). Qui i valori esistono una sola volta, con prefisso
   generico --vault-*; ogni pagina continua a usare le sue variabili locali
   (--log-void, --pc-void, ...) ma solo come alias: --log-void: var(--vault-void).

   Caricare questo file PRIMA del CSS di pagina che lo usa.
   ========================================================================== */
:root {
    /* ---------- Palette base ---------- */
    --vault-void: #1b0c1a;
    --vault-void-deep: #140917;
    --vault-panel: #2d222f;
    --vault-panel-hi: #372a39;
    --vault-wine: #4b2138;
    --vault-mauve: #6d3c52;
    --vault-mauve-soft: #765d67;
    --vault-peach: #fadcd5;
    --vault-text: #f4ecea;
    --vault-text-muted: #bcaab6;
    --vault-text-faint: #8d7c88;

    /* ---------- Superfici / linee trasparenti ---------- */
    --vault-line: rgba(250, 220, 213, 0.13);
    --vault-line-strong: rgba(250, 220, 213, 0.28);
    --vault-fill: rgba(250, 220, 213, 0.06);
    --vault-fill-hi: rgba(250, 220, 213, 0.11);
    --vault-ink: rgba(0, 0, 0, 0.28);

    /* ---------- Stato ---------- */
    --vault-danger: #ff9f9f;
    --vault-danger-bg: rgba(255, 159, 159, 0.09);
    --vault-success: #bde8c5;

    /* ---------- Tipografia ---------- */
    --vault-font: "Inter", "Segoe UI", system-ui, sans-serif;
    --vault-mono: "JetBrains Mono", "Cascadia Mono", "Courier New", monospace;

    /* ---------- Movimento ---------- */
    --vault-ease: cubic-bezier(0.16, 1, 0.3, 1);

    /* ---------- Raggi (scala pagine vault: landing/login/register/admin) ---------- */
    --vault-radius-sm: 10px;
    --vault-radius-md: 16px;
    --vault-radius-lg: 24px;

    /* ---------- Ombre condivise ---------- */
    --vault-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
    --vault-glow: 0 18px 50px rgba(0, 0, 0, 0.45);
    --vault-glow-peach: 0 10px 34px rgba(250, 220, 213, 0.18);
    --vault-well: rgba(0, 0, 0, 0.2);    /* incavi (riquadri piu' scuri del pannello) */

    /* ---------- Canali RGB, per le trasparenze: rgba(var(--vault-accent-rgb), .3) ----------
       Cosi' anche le velature cambiano col tema invece di restare color pesca su fondo chiaro. */
    --vault-accent-rgb: 250, 220, 213;   /* = peach */
    --vault-danger-rgb: 255, 159, 159;
    --vault-success-rgb: 189, 232, 197;
    --vault-deep-rgb: 20, 9, 23;         /* fondo dei campi */
    --vault-panel-rgb: 45, 34, 47;
    --vault-wine-rgb: 75, 33, 56;
    --vault-void-rgb: 27, 12, 26;
    --vault-contrast-rgb: 255, 255, 255; /* velature "chiare su scuro" */
}

/* ==========================================================================
   TEMA CHIARO - stessi nomi, valori chiari. Si accende con data-theme="light"
   su <html> (pulsante _ThemeToggle, localStorage "theme").
   Il senso dei token resta lo stesso: peach e' l'ACCENTO (testi in risalto,
   icone, pulsanti pieni con testo void), void/panel sono i FONDI, wine/mauve
   i toni delle sfumature decorative.
   ========================================================================== */
:root[data-theme="light"] {
    --vault-void: #f7f1ef;
    --vault-void-deep: #efe4e1;
    --vault-panel: #ffffff;
    --vault-panel-hi: #fbf6f4;
    --vault-wine: #ecd3dd;
    --vault-mauve: #dcb4c5;
    --vault-mauve-soft: #b58f9f;
    --vault-peach: #7a2e52;
    --vault-text: #2b1627;
    --vault-text-muted: #6e5866;
    --vault-text-faint: #76616d;

    --vault-line: rgba(75, 33, 56, 0.14);
    --vault-line-strong: rgba(75, 33, 56, 0.28);
    --vault-fill: rgba(75, 33, 56, 0.05);
    --vault-fill-hi: rgba(75, 33, 56, 0.09);
    --vault-ink: rgba(75, 33, 56, 0.08);

    --vault-danger: #b42323;
    --vault-danger-bg: rgba(180, 35, 35, 0.08);
    --vault-success: #2f7a4a;

    --vault-shadow: 0 24px 60px rgba(75, 33, 56, 0.14);
    --vault-glow: 0 18px 44px rgba(75, 33, 56, 0.14);
    --vault-glow-peach: 0 10px 30px rgba(122, 46, 82, 0.18);
    --vault-well: rgba(75, 33, 56, 0.05);

    --vault-accent-rgb: 122, 46, 82;
    --vault-danger-rgb: 180, 35, 35;
    --vault-success-rgb: 47, 122, 74;
    --vault-deep-rgb: 255, 255, 255;
    --vault-panel-rgb: 255, 255, 255;
    --vault-wine-rgb: 236, 211, 221;
    --vault-void-rgb: 247, 241, 239;
    --vault-contrast-rgb: 43, 22, 39;
}