/* ═══════════════════════════════════════════
   CTCA Theme System — Blue (default) / Red
   ═══════════════════════════════════════════ */

/* ── Red theme overrides ── */
[data-theme="red"] .border-primary-200 { border-color: #fecaca !important; }
[data-theme="red"] .border-primary-500 { border-color: #ef4444 !important; }
[data-theme="red"] .border-primary-600 { border-color: #dc2626 !important; }
[data-theme="red"] .hover\:border-primary-300:hover { border-color: #fca5a5 !important; }

[data-theme="red"] .bg-primary-50  { background-color: #fef2f2 !important; }
[data-theme="red"] .bg-primary-100 { background-color: #fee2e2 !important; }
[data-theme="red"] .bg-primary-600 { background-color: #dc2626 !important; }
[data-theme="red"] .hover\:bg-primary-600:hover { background-color: #dc2626 !important; }
[data-theme="red"] .hover\:bg-primary-700:hover { background-color: #b91c1c !important; }

[data-theme="red"] .text-primary-100 { color: #fee2e2 !important; }
[data-theme="red"] .text-primary-400 { color: #f87171 !important; }
[data-theme="red"] .text-primary-600 { color: #dc2626 !important; }
[data-theme="red"] .text-primary-700 { color: #b91c1c !important; }
[data-theme="red"] .text-primary-800 { color: #991b1b !important; }
[data-theme="red"] .hover\:text-primary-600:hover { color: #dc2626 !important; }
[data-theme="red"] .hover\:text-primary-700:hover { color: #b91c1c !important; }
[data-theme="red"] .group:hover .group-hover\:text-primary-600 { color: #dc2626 !important; }

/* Gradient overrides */
[data-theme="red"] .from-primary-100 {
    --tw-gradient-from: #fee2e2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(254,226,226,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
[data-theme="red"] .from-primary-700 {
    --tw-gradient-from: #b91c1c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(185,28,28,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
[data-theme="red"] .to-primary-200 { --tw-gradient-to: #fecaca var(--tw-gradient-to-position); }
[data-theme="red"] .to-primary-900 { --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position); }

/* Prose link color in red theme */
[data-theme="red"] .prose-blue { --tw-prose-links: #dc2626; --tw-prose-invert-links: #f87171; }

/* ── Theme toggle button ── */
.theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    color: #6b7280;
    cursor: pointer;
    border: none;
    background: none;
    transition: color 0.15s, background-color 0.15s;
}
.theme-toggle:hover { color: #374151; background-color: #f9fafb; }

/* Color indicator dot */
.theme-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #e5e7eb;
    transition: background-color 0.2s, border-color 0.2s;
}
[data-theme="red"] .theme-dot   { background-color: #dc2626; border-color: #dc2626; }
:root:not([data-theme="red"]) .theme-dot,
[data-theme="blue"] .theme-dot  { background-color: #2563eb; border-color: #2563eb; }