/* src/styles.scss */
:root {
  --primary-color: #2563eb;
  --secondary-color: #7c3aed;
  --background-color: #f8fafc;
  --sidebar-width: 250px;
  --sidebar-collapsed-width: 48px;
  --header-height: 64px;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --border-color: #e2e8f0;
  --hover-background: #f1f5f9;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --header-bg:
    linear-gradient(
      135deg,
      #1e40af 0%,
      #2563eb 35%,
      #3b82f6 70%,
      #60a5fa 100%);
  --sidebar-bg: #1e293b;
}
[data-theme=dark] {
  --primary-color: #60a5fa;
  --secondary-color: #34d399;
  --background-color: #0f172a;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --border-color: #334155;
  --hover-background: #1e293b;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --header-bg:
    linear-gradient(
      135deg,
      #0f172a 0%,
      #1e293b 35%,
      #334155 70%,
      #475569 100%);
  --sidebar-bg: #0f172a;
}
[data-theme=ocean] {
  --primary-color: #0ea5e9;
  --secondary-color: #06b6d4;
  --background-color: #f0f9ff;
  --text-primary: #0c4a6e;
  --text-secondary: #0369a1;
  --border-color: #bae6fd;
  --hover-background: #e0f2fe;
  --shadow: 0 2px 4px rgba(14, 165, 233, 0.12);
  --header-bg:
    linear-gradient(
      135deg,
      #0369a1 0%,
      #0284c7 35%,
      #0ea5e9 70%,
      #38bdf8 100%);
  --sidebar-bg: #075985;
}
[data-theme=sunset] {
  --primary-color: #f59e0b;
  --secondary-color: #ef4444;
  --background-color: #fffbeb;
  --text-primary: #78350f;
  --text-secondary: #92400e;
  --border-color: #fde68a;
  --hover-background: #fef3c7;
  --shadow: 0 2px 4px rgba(245, 158, 11, 0.12);
  --header-bg:
    linear-gradient(
      135deg,
      #ea580c 0%,
      #f59e0b 35%,
      #fbbf24 70%,
      #fcd34d 100%);
  --sidebar-bg: #92400e;
}
[data-theme=forest] {
  --primary-color: #10b981;
  --secondary-color: #059669;
  --background-color: #f0fdf4;
  --text-primary: #064e3b;
  --text-secondary: #047857;
  --border-color: #bbf7d0;
  --hover-background: #dcfce7;
  --shadow: 0 2px 4px rgba(16, 185, 129, 0.12);
  --header-bg:
    linear-gradient(
      135deg,
      #047857 0%,
      #059669 35%,
      #10b981 70%,
      #34d399 100%);
  --sidebar-bg: #065f46;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family:
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  background-color: var(--background-color);
  color: var(--text-primary);
  transition: background-color 0.3s ease;
}
html,
body {
  height: 100%;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-KP7BT4ZF.css.map */