/* ========================================= */
/* LIGHT THEME (DEFAULT)
/* ========================================= */

:root {
  --background: #ffffff;
  --background-secondary: #f8fafc;
  --panel: #ffffff;
  --card: #ffffff;

  --text: #040022;
  --text-secondary: #6b7280;
  --heading: #070223;

  --border: #e5e7eb;
  --border-light: #f1f5f9;

  --primary: #2362FD;
  --primary-light: #487cff;
  --secondary: #032C68;
  --orange: #F79318;

  --sidebar-bg: #ffffff;

  --success-bg: #D4EDDA;
  --success-text: #2EAB5B;

  --danger-bg: #F9D7DA;
  --danger-text: #721C23;

  --table-bg: #ffffff;
  --table-header: #f8fafc;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.06);
}

/* ========================================= */
/* DARK THEME */
/* ========================================= */

[data-theme="dark"] {
  --background: #0d0f20;
  --background-secondary: #131217;

  --panel: #0f141d;
  --card: #151515;

  --text: #f5f5f5;
  --text-secondary: #9ca3af;
  --heading: #ffffff;

  --border: #1b1b1f;
  --border-light: #18191c;

  --primary: #2362FD;
  --primary-light: #487cff;
  --secondary: #F79318;
  --orange: #F79318;

  --sidebar-bg: #0f141d;

  --success-bg: rgba(46, 171, 91, 0.15);
  --success-text: #2EAB5B;

  --danger-bg: rgba(220, 53, 69, 0.15);
  --danger-text: #ff6b6b;

  --table-bg: #181A25;
  --table-header: #18171C;

  --shadow-sm: none;
  --shadow-md: none;
}