/* =================== google-font-Roboto, Inter, Cinzel & Ek-mesirri =================== */
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Inter:wght@400;500;600;700&family=Cinzel:wght@400;700&display=swap');
/* font-family: "Roboto", sans-serif; */
/* font-family: "El Messiri", sans-serif; */


/* ==============================
   LIGHT MODE (Default)
================================ */
:root {
  --primary: #743f17;
  --primary-light: #cd6318;
  --primary-soft: #f5e8d8;

  --sidebar: #432005;
  --menu-hov: #fbdec830;
  --submenu-hov: #fbdec830;
  --side-text: #a89379;

  --secondary: #1c0f07;
  --accent: #690500;

  --background: #faf7f4;
  --section-bg: #ffffff;
  --canvus-bg: #f4f6fb;

  --text-main: #1c0f07;
  --text-muted: #6b5347;

  --border-color: #e8ddd5;
  --glass: #1c0f0718;

  --success: #16a34a3f;
  --warning: #f59f0b4a;
  --danger: #ef44443d;
}


/* ==============================
   DARK MODE
================================ */
[data-theme="dark"] {

  --primary: #844d22;
  --primary-light: #cd6318;
  --primary-soft: #261c0f;

  --sidebar: #171716;
  --menu-hov: #fbdec830;
  --submenu-hov: #fbdec830;
  --side-text: #84786bc1;

  --secondary: #111827;
  --accent: #690500;

  --background: #0f0d0c;
  --section-bg: #171716;
  --canvus-bg: #1b212c;

  --text-main: #f1f5f9;
  --text-muted: #87909b;

  --border-color: #372719;
  --glass: #f8fafd15;

  --success: #22c55e3c;
  --warning: #fbbe243e;
  --danger: #f871713b;
}