:root {
  --sidebar-width: 260px;
  --font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --page-bg: #f4f3fb;
  --card-bg: #ffffff;
  --text-primary: #1f2130;
  --text-muted: #6b7280;
  --border-color: #ebe9f5;
  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 2px 12px rgba(31, 33, 48, 0.06);

  --success: #10b981;
  --success-bg: #e3f9f0;

  /* Default accent: purple */
  --primary: #7c5cfc;
  --primary-dark: #6741e8;
  --primary-light: #efe9ff;
  --primary-rgb: 124, 92, 252;
}

:root[data-accent="orange"] {
  --primary: #ff8a3d;
  --primary-dark: #ee6f1a;
  --primary-light: #ffede0;
  --primary-rgb: 255, 138, 61;
}

:root[data-accent="green"] {
  --primary: #22c55e;
  --primary-dark: #16a34a;
  --primary-light: #e3f9ea;
  --primary-rgb: 34, 197, 94;
}

:root[data-accent="blue"] {
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --primary-light: #e6efff;
  --primary-rgb: 59, 130, 246;
}

:root[data-accent="pink"] {
  --primary: #ec4899;
  --primary-dark: #db2777;
  --primary-light: #fde7f1;
  --primary-rgb: 236, 72, 153;
}

:root[data-accent="red"] {
  --primary: #ef4444;
  --primary-dark: #dc2626;
  --primary-light: #fde8e8;
  --primary-rgb: 239, 68, 68;
}

:root[data-accent="teal"] {
  --primary: #14b8a6;
  --primary-dark: #0d9488;
  --primary-light: #e1f7f4;
  --primary-rgb: 20, 184, 166;
}

:root[data-accent="amber"] {
  --primary: #f59e0b;
  --primary-dark: #d97706;
  --primary-light: #fef3d9;
  --primary-rgb: 245, 158, 11;
}

:root[data-accent="indigo"] {
  --primary: #6366f1;
  --primary-dark: #4f46e5;
  --primary-light: #e8e7fd;
  --primary-rgb: 99, 102, 241;
}

:root[data-accent="slate"] {
  --primary: #666363;
  --primary-dark: #535151;
  --primary-light: #ececec;
  --primary-rgb: 102, 99, 99;
}

:root[data-accent="deepteal"] {
  --primary: #143d44;
  --primary-dark: #103237;
  --primary-light: #e2e7e8;
  --primary-rgb: 20, 61, 68;
}

:root[data-accent="mint"] {
  --primary: #09d8a0;
  --primary-dark: #07b183;
  --primary-light: #e1faf3;
  --primary-rgb: 9, 216, 160;
}

:root[data-accent="skyblue"] {
  --primary: #8bb4f8;
  --primary-dark: #7193cb;
  --primary-light: #f1f6fe;
  --primary-rgb: 139, 180, 248;
}

/* Night theme — explicit opt-in only via the theme toggle, never auto-follows OS */
:root[data-theme="dark"] {
  --page-bg: #15141f;
  --card-bg: #1d1c2a;
  --text-primary: #f1f0f7;
  --text-muted: #9c99b3;
  --border-color: #2b2939;
  --primary-light: #2a2245;
}

:root[data-theme="dark"][data-accent="orange"] {
  --primary-light: #3a2717;
}

:root[data-theme="dark"][data-accent="green"] {
  --primary-light: #163524;
}

:root[data-theme="dark"][data-accent="blue"] {
  --primary-light: #172a45;
}

:root[data-theme="dark"][data-accent="pink"] {
  --primary-light: #3a1c2c;
}

:root[data-theme="dark"][data-accent="red"] {
  --primary-light: #3a1a1a;
}

:root[data-theme="dark"][data-accent="teal"] {
  --primary-light: #113330;
}

:root[data-theme="dark"][data-accent="amber"] {
  --primary-light: #3a2c12;
}

:root[data-theme="dark"][data-accent="indigo"] {
  --primary-light: #221f3d;
}

:root[data-theme="dark"][data-accent="slate"] {
  --primary-light: #292a30;
}

:root[data-theme="dark"][data-accent="deepteal"] {
  --primary-light: #1d252c;
}

:root[data-theme="dark"][data-accent="mint"] {
  --primary-light: #1b3c3a;
}

:root[data-theme="dark"][data-accent="skyblue"] {
  --primary-light: #2f3747;
}

:root[data-font="classic"] {
  --font-family: Georgia, "Times New Roman", serif;
}

:root[data-font="modern"] {
  --font-family: "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;
}

:root[data-font="compact"] {
  --font-family: Tahoma, Verdana, sans-serif;
}

:root[data-font="minimal"] {
  --font-family: Arial, Helvetica, sans-serif;
}

:root[data-font="elegant"] {
  --font-family: Garamond, "Book Antiqua", Palatino, serif;
}

:root[data-font="rounded"] {
  --font-family: Verdana, Geneva, sans-serif;
}

:root[data-font="technical"] {
  --font-family: Consolas, "Courier New", monospace;
}