/* Polybot Theme — Auto Light/Dark Mode
   Light: 6:00 AM – 6:59 PM local time
   Dark:  7:00 PM – 5:59 AM local time

   Bootstrap 5.3 handles core component colors via data-bs-theme.
   These custom properties cover Polybot-specific surfaces and chart colors. */

[data-bs-theme=dark] {
    --pb-surface: #16213e;
    --pb-surface-elevated: #1a1a3e;
    --pb-border: #2a2a4a;
    --pb-accent: #00d395;
    --pb-accent-hover: #00b880;
    --pb-chart-text: #ccc;
    --pb-chart-grid: rgba(255, 255, 255, 0.1);
    --pb-chart-grid-fine: rgba(255, 255, 255, 0.05);
}

[data-bs-theme=light] {
    --pb-surface: #f8f9fa;
    --pb-surface-elevated: #ffffff;
    --pb-border: #dee2e6;
    --pb-accent: #00b880;
    --pb-accent-hover: #009a6a;
    --pb-chart-text: #666;
    --pb-chart-grid: rgba(0, 0, 0, 0.1);
    --pb-chart-grid-fine: rgba(0, 0, 0, 0.05);
}

/* Smooth theme transitions */
body,
.navbar,
.card,
.card-header,
.btn-primary {
    transition: background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease;
}