/*
Theme Name: Central School Interactive
Theme URI: https://example.com
Author: AI Architect
Description: A High-performance WebGL and GSAP theme for educational institutions.
Version: 1.0
*/

/* We are using Tailwind via CDN for this prototype, 
   so standard CSS is minimal here. 
*/
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Manrope:wght@300;500;700&display=swap');

:root {
    --navy: #0a192f;
    --gold: #d4af37;
    --white: #e6f1ff;
}

body {
    background-color: var(--navy);
    color: var(--white);
    font-family: 'Manrope', sans-serif;
    margin: 0;
    overflow-x: hidden;
}

h1, h2, h3 { font-family: 'Cinzel', serif; }

/* Canvas & Cursor Styles */
#hero-canvas {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    z-index: 0; opacity: 0; transition: opacity 1s ease;
}

.overlay-content { position: relative; z-index: 10; pointer-events: none; }
.interactive { pointer-events: all; }
.line-wrapper { overflow: hidden; }
.reveal-text { transform: translateY(100%); }

.cursor {
    width: 20px; height: 20px; border: 1px solid var(--gold);
    border-radius: 50%; position: fixed; pointer-events: none;
    z-index: 9999; transition: transform 0.1s;
}