/* ============================================================
   public/theme.css
   THEMES NOUNOU ASSIST
============================================================ */

:root,
body.theme-violet {
  --bg: #8f73d6;
  --bg-light: #a98ee6;

  --card: #f4edff;
  --card-dark: #b89be8;
  --card-darker: #8060c8;

  --text: #241832;
  --text-soft: #5b4a70;
  --text-dark: #190f26;

  --border-soft: rgba(43, 24, 78, 0.30);
  --shadow-soft: 0 12px 34px rgba(34, 18, 70, 0.32);
  --shadow: var(--shadow-soft);

  --accent: #6f45c8;
  --accent-hover: #5a32ac;
  --accent-soft: #cbb7f0;

  --danger: #d9534f;
  --archive: #5f3ab8;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #8b5de8, #5a32ac);

  --radius: 18px;
  
  --panel: rgba(244, 237, 255, 0.26);
--panel-soft: rgba(244, 237, 255, 0.16);
}

body.theme-rose {
  --bg: #d88fa8;
  --bg-light: #f0b5c8;

  --card: #fff1f7;
  --card-dark: #efb5ca;
  --card-darker: #c96c91;

  --text: #351924;
  --text-soft: #7a5060;
  --text-dark: #241018;

  --border-soft: rgba(100, 35, 60, 0.25);
  --shadow-soft: 0 12px 34px rgba(90, 30, 55, 0.26);
  --shadow: var(--shadow-soft);

  --accent: #c94f7c;
  --accent-hover: #aa3c65;
  --accent-soft: #f2c4d6;

  --danger: #d9534f;
  --archive: #8f5cc7;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #e56f9c, #aa3c65);
  
  --panel: rgba(255, 241, 247, 0.26);
--panel-soft: rgba(255, 241, 247, 0.16);
}

body.theme-bleu {
  --bg: #6f9fd8;
  --bg-light: #9ec4ee;

  --card: #eef7ff;
  --card-dark: #afd0ef;
  --card-darker: #5f91c7;

  --text: #16293d;
  --text-soft: #4c647d;
  --text-dark: #0f1c2b;

  --border-soft: rgba(24, 58, 95, 0.25);
  --shadow-soft: 0 12px 34px rgba(20, 60, 100, 0.24);
  --shadow: var(--shadow-soft);

  --accent: #357ec7;
  --accent-hover: #2466a8;
  --accent-soft: #c2ddf4;

  --danger: #d9534f;
  --archive: #6c5fc7;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #4fa3e8, #2466a8);
  
  --panel: rgba(238, 247, 255, 0.26);
--panel-soft: rgba(238, 247, 255, 0.16);
}

body.theme-vert {
  --bg: #75b996;
  --bg-light: #a6d8bb;

  --card: #effaf3;
  --card-dark: #b7dfc7;
  --card-darker: #5eaa7c;

  --text: #173323;
  --text-soft: #4f715c;
  --text-dark: #0f2418;

  --border-soft: rgba(20, 82, 44, 0.24);
  --shadow-soft: 0 12px 34px rgba(20, 80, 45, 0.22);
  --shadow: var(--shadow-soft);

  --accent: #2f9d65;
  --accent-hover: #247d4f;
  --accent-soft: #bfe5ce;

  --danger: #d9534f;
  --archive: #765fc7;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #4fc585, #247d4f);
  
  --panel: rgba(239, 250, 243, 0.26);
--panel-soft: rgba(239, 250, 243, 0.16);
}

/* ============================================================
   THEME PÊCHE
============================================================ */

body.theme-peche {
  --bg: #d99b7a;
  --bg-light: #f0c0a6;

  --card: #fff3ec;
  --card-dark: #e9b49b;
  --card-darker: #c57c58;

  --text: #351c13;
  --text-soft: #775244;
  --text-dark: #23110b;

  --border-soft: rgba(105, 55, 35, 0.28);
  --shadow-soft: 0 12px 34px rgba(90, 45, 25, 0.26);
  --shadow: var(--shadow-soft);

  --accent: #c86f45;
  --accent-hover: #a9532e;
  --accent-soft: #f1c6b2;

  --danger: #d9534f;
  --archive: #8f5cc7;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #e58b5f, #a9532e);

  --radius: 18px;

  --panel: rgba(255, 243, 236, 0.26);
  --panel-soft: rgba(255, 243, 236, 0.16);
}

/* ============================================================
   THEME MOKA
============================================================ */

body.theme-moka {
  --bg: #8d6e63;
  --bg-light: #b59688;

  --card: #f7eee8;
  --card-dark: #c6a99b;
  --card-darker: #795548;

  --text: #2f1d17;
  --text-soft: #6b5047;
  --text-dark: #1f110d;

  --border-soft: rgba(70, 38, 28, 0.30);
  --shadow-soft: 0 12px 34px rgba(60, 30, 20, 0.30);
  --shadow: var(--shadow-soft);

  --accent: #795548;
  --accent-hover: #5d4037;
  --accent-soft: #d7bdae;

  --danger: #d9534f;
  --archive: #7e57c2;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #a67862, #5d4037);

  --radius: 18px;

  --panel: rgba(247, 238, 232, 0.26);
  --panel-soft: rgba(247, 238, 232, 0.16);
}

/* ============================================================
   THEME SOLEIL
============================================================ */

body.theme-soleil {
  --bg: #d6a94f;
  --bg-light: #f1cf7d;

  --card: #fff8e6;
  --card-dark: #edc96d;
  --card-darker: #c58c25;

  --text: #33240c;
  --text-soft: #735c2a;
  --text-dark: #211604;

  --border-soft: rgba(100, 70, 15, 0.28);
  --shadow-soft: 0 12px 34px rgba(95, 65, 15, 0.25);
  --shadow: var(--shadow-soft);

  --accent: #c58c25;
  --accent-hover: #9e6b12;
  --accent-soft: #f2d990;

  --danger: #d9534f;
  --archive: #7e57c2;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #f0b843, #9e6b12);

  --radius: 18px;

  --panel: rgba(255, 248, 230, 0.26);
  --panel-soft: rgba(255, 248, 230, 0.16);
}

/* ============================================================
   THEME MENTHE
============================================================ */

body.theme-menthe {
  --bg: #6fbfae;
  --bg-light: #a9dfd3;

  --card: #effcf8;
  --card-dark: #a9dcca;
  --card-darker: #4d9b88;

  --text: #12352f;
  --text-soft: #4b756d;
  --text-dark: #0c241f;

  --border-soft: rgba(15, 85, 70, 0.25);
  --shadow-soft: 0 12px 34px rgba(15, 80, 65, 0.23);
  --shadow: var(--shadow-soft);

  --accent: #23977d;
  --accent-hover: #19765f;
  --accent-soft: #bde8dc;

  --danger: #d9534f;
  --archive: #765fc7;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #42c7a5, #19765f);

  --radius: 18px;

  --panel: rgba(239, 252, 248, 0.26);
  --panel-soft: rgba(239, 252, 248, 0.16);
}

/* ============================================================
   THEME NUIT
============================================================ */

body.theme-nuit {
  --bg: #35415f;
  --bg-light: #5f6f9b;

  --card: #eef2ff;
  --card-dark: #9fabd0;
  --card-darker: #4b587e;

  --text: #111827;
  --text-soft: #44506c;
  --text-dark: #0b1020;

  --border-soft: rgba(25, 35, 70, 0.32);
  --shadow-soft: 0 12px 34px rgba(15, 22, 45, 0.34);
  --shadow: var(--shadow-soft);

  --accent: #4f63c6;
  --accent-hover: #3548a8;
  --accent-soft: #c4cdf4;

  --danger: #d9534f;
  --archive: #7e57c2;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #6d83e8, #3548a8);

  --radius: 18px;

  --panel: rgba(238, 242, 255, 0.26);
  --panel-soft: rgba(238, 242, 255, 0.16);
}

body.theme-gris {
  --bg: #7f8793;
  --bg-light: #aeb5bf;

  --card: #f3f4f6;
  --card-dark: #c7ccd3;
  --card-darker: #6b7280;

  --text: #1f2933;
  --text-soft: #4b5563;
  --text-dark: #111827;

  --border-soft: rgba(31, 41, 55, 0.28);
  --shadow-soft: 0 12px 34px rgba(17, 24, 39, 0.26);
  --shadow: var(--shadow-soft);

  --accent: #4b5563;
  --accent-hover: #374151;
  --accent-soft: #d1d5db;

  --danger: #d9534f;
  --archive: #6b7280;
  --success: #1fb86b;
  --warning: #e6a23c;

  --grad: linear-gradient(135deg, #9ca3af, #4b5563);

  --radius: 18px;

  --panel: rgba(243, 244, 246, 0.26);
  --panel-soft: rgba(243, 244, 246, 0.16);
}