/* Global Styles for Hallucinate UI */

:root {
    --primary-color: #ffffff;
    --accent-color: #00ffcc;
    --background-blur: rgba(0, 0, 0, 0.5);
    --font-main: resource("Fonts/Ancient Medium SDF"); /* Place holder font */
}

.screen-root {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
}

.button-spring {
    transition-duration: 0.1s;
    transition-timing-function: ease-out-back;
}

.button-spring:hover {
    scale: 1.05;
}

.button-spring:active {
    scale: 0.9;
}

.logo-pulse {
    /* Pulse effect will be handled via PrimeTween in Controller, 
       but we can define base styles here */
    width: 200px;
    height: 200px;
    align-self: center;
    justify-content: center;
}