/* ============================================
   Kubernetes Pods Visualizer - Theme Colors
   Project-specific colors and overrides
   ============================================ */

:root {
    /* Kubernetes Component Colors - Earthy palette */
    --color-pod-start: #6B8E8E;        /* Muted teal/slate */
    --color-pod-end: #4A6B6B;
    --color-container-start: #7B9E7B;  /* Green for containers */
    --color-container-end: #5C7A5C;
    --color-pause-start: #6B7280;      /* Gray for pause container */
    --color-pause-end: #4B5563;
    --color-node-start: #4A7A4A;       /* Darker green for nodes */
    --color-node-end: #3A5A3A;
    --color-network-start: #8B7B8E;    /* Muted purple for network */
    --color-network-end: #6B5B6E;
    --color-volume-start: #D4A855;     /* Orange for volumes */
    --color-volume-end: #B8922E;
    --color-ip-badge: #5A7A7A;         /* Muted teal for IP addresses */

    /* Theme accent for controls */
    --color-accent-start: var(--color-pod-start);
    --color-accent-end: var(--color-container-start);
}

/* Link colors using Kubernetes theme */
a {
    color: var(--color-pod-start);
}

a:hover {
    color: var(--color-pod-end);
}

/* Kubernetes Logo Gradient */
.k8s-logo {
    font-size: 1.25rem;
    font-weight: 600;
    background: linear-gradient(135deg, var(--color-pod-start), var(--color-container-start));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Kubernetes-themed control button */
.viz-control-btn-primary {
    background: linear-gradient(135deg, var(--color-pod-start), var(--color-pod-end)) !important;
    color: white !important;
}

.viz-control-btn-primary:hover {
    filter: brightness(1.1);
}

/* Kubernetes-themed slider thumb */
.viz-speed-slider::-webkit-slider-thumb {
    background: linear-gradient(135deg, var(--color-pod-start), var(--color-container-start));
}

.viz-speed-slider::-moz-range-thumb {
    background: linear-gradient(135deg, var(--color-pod-start), var(--color-container-start));
}

/* Kubernetes lesson item active state */
.viz-lesson-item.active {
    background-color: var(--bg-surface-light) !important;
    border-left-color: var(--color-pod-start) !important;
}

.viz-lesson-item.active .viz-lesson-number {
    background: linear-gradient(135deg, var(--color-pod-start), var(--color-pod-end));
    color: white;
}

/* Pod-specific styles */
.pod-boundary {
    stroke: var(--color-pod-start);
    stroke-width: 3;
    stroke-dasharray: none;
    fill: rgba(107, 142, 142, 0.15);
    rx: 16;
}

.pod-boundary.forming {
    stroke-dasharray: 10, 5;
}

/* Pause container (infrastructure) */
.pause-container {
    fill: url(#pauseContainerGradient);
    rx: 6;
    opacity: 0.7;
}

/* Network visualization */
.network-line {
    stroke: var(--color-network-start);
    stroke-width: 2;
    stroke-dasharray: 5, 5;
}

/* IP address badge */
.ip-badge {
    fill: var(--color-ip-badge);
    rx: 4;
}

.ip-badge-text {
    fill: white;
    font-family: var(--font-mono);
    font-size: 11px;
}

/* Shared resource indicators */
.shared-resource-icon {
    fill: var(--color-container-start);
    opacity: 0.8;
}

/* Animation helpers */
.fade-in {
    opacity: 0;
}

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}