/* Tailwind layers first */
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
    .gease-loader-overlay { @apply fixed inset-0 bg-black/60 backdrop-blur-md flex flex-col items-center justify-center z-[10000] text-white; }
    .gease-loader-spinner { @apply w-14 h-14 border-8 border-white/20 border-t-white rounded-full animate-spin mb-4; }
    .gease-modal-backdrop { @apply fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[10000]; }
    .gease-modal { @apply bg-white/10 p-6 rounded-xl shadow-soft-lg max-w-md flex flex-col gap-4 items-center text-center; }
    .gease-modal-title { @apply text-2xl font-bold text-primary; }
    .gease-modal-text { @apply text-sm text-gray-100; }
    .gease-modal-redirect-text { @apply text-2xl font-bold text-deep-yellow; }
    .info-message-tailwind { @apply bg-white text-gray-800 border-l-4 border-deep-green p-4 text-sm; }}

:root {
    --font-family: 'Inter', system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    --radius: 1rem;
    --shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
    --color-primary: #006527;
    --color-deep-green: #144733;
    --color-light-green: #70AB08;
    --color-dark-teal: #0F4B5F;
    --color-deep-yellow: #FFCC00;
    --text-light: #f5f7fa;
}

* { box-sizing: border-box; }
body { margin:0;
    font-family: var(--font-family), serif;
user-select: none;}

.btn { display:inline-flex; align-items:center; gap:0.5rem; padding:.85rem 1.5rem; font-weight:600; border-radius: var(--radius); cursor:pointer; text-decoration:none; }
.btn-primary { background: var(--color-primary); color: white; }
.btn-primary:hover { filter:brightness(1.05); }
.btn-alt { background: var(--color-dark-teal); color: white; }
.btn-alt:hover { opacity: .95; }
.card { background: rgba(255,255,255,0.08); border-radius: var(--radius); padding:1rem; box-shadow: var(--shadow); }

@media (prefers-reduced-motion: reduce) {
    * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* Production polish adjustments */
img[alt="G-Ease logo"] {
    max-width: 150px;
    height: auto;
}

h1 {
    letter-spacing: -0.5px;
}