/* Custom Color Variables */
:root {
    --bs-secondary: #81b1b9;
    --secondary-color: #81b1b9;
    --secondary-rgb: 129, 177, 185;
    
    /* Bootstrap card color variables */
    --bs-card-bg: #23233a;
    --bs-card-border-color: #444;
    --bs-card-color: #e0e0e0;
    --bs-card-cap-bg: rgba(255, 255, 255, 0.03);
    --bs-card-cap-color: #e0e0e0;
    
    /* Bootstrap dark theme variables */
    --bs-dark: #23233a;
    --bs-dark-rgb: 35, 35, 58;
    --bs-body-bg: #1e1e2f;
    --bs-body-color: #e0e0e0;
    --bs-border-color: #444;
}

/* Beautify tool icons */
.paste-icon {
  top: 2em;
  right: 1em;
  cursor: pointer;
  font-size: 1.7em;
  color: #3b82f6;
  z-index: 2;
}
.copy-icon {
  top: 2em;
  right: 1em;
  cursor: pointer;
  font-size: 1.7em;
  color: #22c55e;
  z-index: 2;
}
.beautify-output {
  min-height: 120px;
  font-family: 'Fira Code', monospace;
  position: relative;
}
body, .bg-dark {
    background-color: #1e1e2f !important;
    color: #e0e0e0 !important;
}
.card.bg-secondary {
    background-color: #23233a !important;
}

/* Toast styles for dark theme */
.toast {
    background-color: #2d2d3a !important;
    border: 1px solid #444 !important;
    color: #e0e0e0 !important;
}

.toast .toast-body {
    color: #e0e0e0 !important;
}

.toast .text-success {
    color: #22c55e !important;
}

.toast .text-danger {
    color: #ef4444 !important;
}

.toast .text-warning {
    color: #f59e0b !important;
}

.toast .text-info {
    color: #3b82f6 !important;
}

/* Ensure toast text is always visible */
.toast-body {
    color: #e0e0e0 !important;
    font-weight: 500;
}

.toast-body span {
    color: #e0e0e0 !important;
}

/* Toast container positioning */
.toast-container {
    z-index: 1055;
}

/* Alternative alert styles for fallback */
.alert {
    background-color: #2d2d3a !important;
    border: 1px solid #444 !important;
    color: #e0e0e0 !important;
}

.alert-danger {
    background-color: #451a1a !important;
    border-color: #dc2626 !important;
    color: #fecaca !important;
}

.alert-success {
    background-color: #1a4a2e !important;
    border-color: #16a34a !important;
    color: #bbf7d0 !important;
}

.alert-warning {
    background-color: #4a3d1a !important;
    border-color: #d97706 !important;
    color: #fef3c7 !important;
}
.border-secondary {
    border-color: #81b1b9 !important;
}
.bg-secondary {
    background-color: #81b1b9 !important;
    color: #1e1e2f !important;
}
.text-secondary {
    color: #81b1b9 !important;
}
.form-control.bg-dark {
    background-color: #23233a !important;
    color: #e0e0e0 !important;
    border: 1px solid #444;
}
pre.bg-dark {
    background-color: #23233a !important;
    color: #e0e0e0 !important;
}
.navbar, .footer {
    background-color: #181828 !important;
}
.btn-primary {
    background-color: #3b82f6;
    border-color: #3b82f6;
}
.btn-secondary {
    background-color: #81b1b9 !important;
    border-color: #81b1b9 !important;
    color: #1e1e2f !important;
}
.btn-secondary:hover {
    background-color: #6da1ab !important;
    border-color: #6da1ab !important;
    color: #1e1e2f !important;
}
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #5a8b96 !important;
    border-color: #5a8b96 !important;
    color: #1e1e2f !important;
    box-shadow: 0 0 0 0.2rem rgba(129, 177, 185, 0.5) !important;
}
.toast.bg-success {
    background-color: #22c55e !important;
}
.toast.bg-danger {
    background-color: #ef4444 !important;
}

/* Bootstrap text-bg-dark class fix */
.text-bg-dark {
    color: var(--bs-card-color, #e0e0e0) !important;
    background-color: var(--bs-card-bg, #23233a) !important;
}

/* Card specific styles */
.card.text-bg-dark {
    color: var(--bs-card-color, #e0e0e0) !important;
    background-color: var(--bs-card-bg, #23233a) !important;
}

.card {
    --bs-card-bg: #23233a;
    --bs-card-color: #e0e0e0;
    --bs-card-border-color: #444;
}

/* Ensure card text is always visible */
.card .card-title,
.card .card-text,
.card .card-body {
    color: var(--bs-card-color, #e0e0e0) !important;
}