@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    /* Colors */
    --primary-color: #c6f131; /* Lime Green */
    --primary-hover: #d4f55e;
    
    --bg-dark: #000000;
    --bg-dark-accent: #0a0c0e;
    --bg-light: #ffffff;
    --bg-light-accent: #f8f9f5;
    
    --text-main: #000000;
    --text-muted: #555555;
    --text-light: #ffffff;
    --text-light-muted: #999999;
    
    --border-color: #eeeeee;
    --border-dark: #222222;

    /* Typography */
    --font-main: 'Inter', sans-serif;

    /* Spacing */
    --section-padding: 100px 0;
    --section-padding-mobile: 60px 0;
    --container-max-width: 1400px;
    --container-padding: 0 40px;
    --container-padding-mobile: 0 20px;

    /* Typography Fluidity (Optional helpers) */
    --fs-h1: clamp(40px, 8vw, 64px);
    --fs-h2: clamp(32px, 6vw, 48px);
    --fs-h3: clamp(24px, 4vw, 32px);
    --fs-body: clamp(15px, 2vw, 18px);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;

    /* Z-index */
    --z-header: 1000;
}