/* Subtle Brian Eno-inspired Aesthetics 
 * Minimal, non-invasive enhancements
 * Based on Music for Airports principles
 */

:root {
    --breath-duration: 20s;
    --flow-duration: 60s;
    --ambient-hue: 210;
}

/* Subtle breathing animation for key elements */
@keyframes subtle-breathe {
    0%, 100% { 
        opacity: 1;
    }
    50% { 
        opacity: 0.95;
    }
}

/* Gentle water-flow for background */
@keyframes gentle-flow {
    0%, 100% { 
        transform: translateY(0);
    }
    50% { 
        transform: translateY(-5px);
    }
}

/* Ambient background layer - DISABLED for terminal-first simplicity */
/* body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 38.2% 30%,
            hsla(var(--ambient-hue), 70%, 50%, 0.03),
            transparent 50%),
        radial-gradient(circle at 80% 60%,
            hsla(calc(var(--ambient-hue) + 30), 60%, 45%, 0.02),
            transparent 40%);
    animation: gentle-flow var(--flow-duration) ease-in-out infinite;
    pointer-events: none;
    z-index: -1;
} */

/* Subtle breathing for messages - DISABLED for terminal-first simplicity */
/* .messages {
    animation: subtle-breathe var(--breath-duration) ease-in-out infinite;
} */

/* Gentle hover transitions */
button,
.control-btn {
    transition: all 0.3s ease-out;
}

button:hover,
.control-btn:hover {
    transform: translateY(-1px);
}

/* Soft glow for active elements - DISABLED for terminal-first simplicity */
/* .control-btn.active {
    box-shadow: 0 0 10px hsla(var(--ambient-hue), 70%, 50%, 0.2);
} */

/* Gentle thinking animation */
.thinking-indicator {
    background: linear-gradient(
        90deg,
        transparent,
        hsla(var(--ambient-hue), 70%, 50%, 0.1),
        transparent
    );
    background-size: 200% 100%;
}

@keyframes gentle-shimmer {
    0% { background-position: -100% 0; }
    100% { background-position: 100% 0; }
}

/* Tool status with subtle breathing - DISABLED for terminal-first simplicity */
/* #tool-status > div {
    animation: subtle-breathe calc(var(--breath-duration) / 2) ease-in-out infinite;
} */

/* Subtle text shadows for headings - DISABLED for terminal-first simplicity */
/* h1, h2, h3, .welcome {
    text-shadow:
        0 0 10px hsla(var(--ambient-hue), 70%, 50%, 0.1);
} */

/* Input area with soft glow - DISABLED for terminal-first simplicity */
/* .input-box {
    box-shadow:
        0 0 20px hsla(var(--ambient-hue), 70%, 50%, 0.1);
} */

/* Removed focus-within effect - no visual change when clicking chatbar */
/* .input-box:focus-within {
    box-shadow:
        0 0 30px hsla(var(--ambient-hue), 70%, 50%, 0.15);
} */

/* Smooth transitions for panels */
.panel {
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

/* Subtle ambient focus states - DISABLED for terminal-first simplicity */
/* *:focus {
    outline: none;
    box-shadow:
        0 0 0 2px hsla(var(--ambient-hue), 70%, 50%, 0.1);
} */

/* Soft transitions for messages */
.message {
    transition: opacity 0.3s ease-out;
}

/* Removed hover scale - it causes layout shifts */

/* Ambient color shift - very slow and subtle */
@keyframes subtle-hue-shift {
    0% { --ambient-hue: 210; }
    50% { --ambient-hue: 220; }
    100% { --ambient-hue: 210; }
}

/* Hue shift - DISABLED for terminal-first simplicity */
/* body {
    animation: subtle-hue-shift calc(var(--flow-duration) * 2) ease-in-out infinite;
} */

/* Floating elements with gentle movement - DISABLED for terminal-first simplicity */
/* .modal,
.panel.open {
    animation: gentle-flow calc(var(--flow-duration) / 2) ease-in-out infinite;
} */

/* Soft rounded corners */
.panel,
.input-box,
.message,
button {
    border-radius: 12px;
}