/* ═══════════════════════════════════════════════════════════════
   SHAWROVOS — THEMES
   Three themes as CSS custom properties on [data-theme]
   All colors referenced via var(--xxx) throughout the codebase
═══════════════════════════════════════════════════════════════ */

/* ── 🟤 Parchemin (default) ───────────────────────────────── */
[data-theme="parchment"] {
  --bg-desktop:    #E2D5BB;
  --bg-window:     #F5EDD9;
  --bg-window-alt: #EDE0C4;
  --title-bar:     #8B6F47;
  --title-text:    #F8F0E0;
  --accent:        #C4956A;
  --accent-hover:  #A87850;
  --text:          #3D2B1F;
  --text-muted:    #7A5C40;
  --border:        #6B4C30;
  --bevel-light:   #D8C4A0;
  --bevel-dark:    #4A3020;
  --input-bg:      #FFFBF2;
  --shadow:        rgba(61, 43, 31, 0.4);
  --taskbar-bg:    #8B6F47;
  --taskbar-text:  #F8F0E0;
  --skill-fill:    #8B6F47;
  --tag-bg:        #DDD0B0;
  --tag-border:    #B09060;
  --grain-opacity: 0.06;
  --boot-bg:       #1a1008;
  --boot-text:     #c8a060;
}

/* ── 🌸 Sakura ──────────────────────────────────────────────── */
[data-theme="sakura"] {
  --bg-desktop:    #F0E4E8;
  --bg-window:     #FFF5F6;
  --bg-window-alt: #FAE8EC;
  --title-bar:     #8B2246;
  --title-text:    #FFF0F3;
  --accent:        #D4748F;
  --accent-hover:  #B85575;
  --text:          #3D1020;
  --text-muted:    #8A4060;
  --border:        #B05070;
  --bevel-light:   #F0B8C8;
  --bevel-dark:    #6B1030;
  --input-bg:      #FFF8FA;
  --shadow:        rgba(139, 34, 70, 0.3);
  --taskbar-bg:    #8B2246;
  --taskbar-text:  #FFF0F3;
  --skill-fill:    #B05070;
  --tag-bg:        #F0C8D4;
  --tag-border:    #C070A0;
  --grain-opacity: 0.05;
  --boot-bg:       #1a0810;
  --boot-text:     #d4889c;
}

/* ── ❄️ Ardoise ────────────────────────────────────────────── */
[data-theme="slate"] {
  --bg-desktop:    #BCC8D4;
  --bg-window:     #EEF2F5;
  --bg-window-alt: #DDE4EA;
  --title-bar:     #3D5466;
  --title-text:    #EEF2F5;
  --accent:        #6A8FA8;
  --accent-hover:  #4A7090;
  --text:          #1A2B38;
  --text-muted:    #4A6070;
  --border:        #4A6880;
  --bevel-light:   #A8C4D8;
  --bevel-dark:    #2A3D50;
  --input-bg:      #F8FBFD;
  --shadow:        rgba(26, 43, 56, 0.35);
  --taskbar-bg:    #3D5466;
  --taskbar-text:  #EEF2F5;
  --skill-fill:    #3D5466;
  --tag-bg:        #B0C8DC;
  --tag-border:    #6A90A8;
  --grain-opacity: 0.06;
  --boot-bg:       #081018;
  --boot-text:     #7aaac0;
}