/**
 * Main application styles
 * Shared styles used across all pages
 */

/* Smooth transitions for theme changes */
* {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Logo letter-spacing animation */
@keyframes expand-tracking {
    0% {
        letter-spacing: -0.02em;
    }
    100% {
        letter-spacing: 0.4em;
    }
}

/* Letter breathe animation keyframes (used by Tailwind animate-breathe utility) */
@keyframes letter-breathe {
    0%, 100% {
        letter-spacing: 0;
        margin-right: 0;
    }
    45% {
        letter-spacing: 0.12em;
        margin-right: -1.08em;
    }
}

.logo-text {
    display: inline-block;
    width: 10ch;
    letter-spacing: 0.4em; /* Fallback for Safari iOS */
    animation: expand-tracking 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}