:root {
    --primary-color: #7c3aed;
    --primary-hover: #6d28d9;
  }

  body {
    background-color: #0a0a0a;
    color: #e4e4e7;
  }

  /* Header */
  .header, .navbar, .bd-header {
    background-color: #18181b !important;
    border-bottom: 1px solid #27272a !important;
  }

  /* Cards and containers */
  .card, .panel, .bd-card, .ticket-list-item {
    background-color: #18181b !important;
    border-color: #27272a !important;
    color: #e4e4e7 !important;
  }

  /* Inputs */
  input, textarea, select, .form-control {
    background-color: #27272a !important;
    border-color: #3f3f46 !important;
    color: #e4e4e7 !important;
  }

  input::placeholder, textarea::placeholder {
    color: #71717a !important;
  }

  /* Buttons */
  .btn-primary, .e-primary {
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
  }

  .btn-primary:hover, .e-primary:hover {
    background-color: #6d28d9 !important;
  }

  /* Links */
  a {
    color: #a78bfa;
  }

  a:hover {
    color: #c4b5fd;
  }

  /* Sidebar */
  .sidebar, .bd-sidebar, .left-panel {
    background-color: #0f0f11 !important;
    border-color: #27272a !important;
  }

  /* Footer */
  .footer, .bd-footer {
    background-color: #0a0a0a !important;
    border-top: 1px solid #27272a !important;
    color: #71717a !important;
  }

  /* Text overrides */
  .text-muted, .text-secondary {
    color: #a1a1aa !important;
  }

  h1, h2, h3, h4, h5, h6, .title {
    color: #fafafa !important;
  }

  /* Table */
  .table, table {
    color: #e4e4e7 !important;
  }

  .table th {
    background-color: #18181b !important;
    border-color: #27272a !important;
  }

  .table td {
    border-color: #27272a !important;
  }

  /* Ticket status badges */
  .badge {
    border-radius: 9999px;
  }