/* Scale everything down by 25% */

/* Headings reduced by 25% */
h1 { font-size: 3rem; } /* was ~4rem */
h2 { font-size: 2.25rem; } /* was ~3rem */
h3 { font-size: 1.5rem; } /* was ~2rem */
h4 { font-size: 1.125rem; } /* was ~1.5rem */
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }

/* Text sizes */
.text-xs { font-size: 0.625rem; }
.text-sm { font-size: 0.75rem; }
.text-base { font-size: 0.875rem; }
.text-lg { font-size: 1rem; }
.text-xl { font-size: 1.125rem; }
.text-2xl { font-size: 1.375rem; }
.text-3xl { font-size: 1.75rem; }
.text-4xl { font-size: 2rem; }
.text-5xl { font-size: 2.25rem; }
.text-6xl { font-size: 2.75rem; }
.text-7xl { font-size: 3.5rem; }

/* Navigation - 25% smaller */
.nav-glass {
    border-radius: 15px;
}

nav a.flex.items-center img {
    height: 48px !important; /* was 64px */
}

nav a.flex.items-center span {
    font-size: 1.5rem; /* was 2rem */
}

.h-20 {
    height: 60px; /* was 80px */
}

/* Theme: dark only - hide toggle buttons */
.theme-toggle,
#themeToggleMobile {
    display: none !important;
}

/* Buttons - 25% smaller */
.btn-primary {
    padding: 0.563rem 1.125rem; /* was 0.75rem 1.5rem */
    font-size: 0.875rem; /* was 1rem */
}

/* Cards and containers */
.glass-effect,
.glass-effect-dark {
    border-radius: 12px; /* was 16px */
    padding: 0.75rem; /* reduced from default */
}

.rounded-2xl {
    border-radius: 15px; /* was 20px */
}

.rounded-xl {
    border-radius: 11.25px; /* was 15px */
}

.rounded-lg {
    border-radius: 7.5px; /* was 10px */
}

/* Spacing utilities - 25% reduction */
.mt-4 { margin-top: 12px; }
.mb-4 { margin-bottom: 12px; }
.mb-8 { margin-bottom: 24px; }
.mt-10 { margin-top: 30px; }
.mx-4 { margin-left: 12px; margin-right: 12px; }

.px-4 { padding-left: 12px; padding-right: 12px; }
.px-6 { padding-left: 18px; padding-right: 18px; }
.py-4 { padding-top: 12px; padding-bottom: 12px; }
.py-12 { padding-top: 36px; padding-bottom: 36px; }

.p-6 { padding: 18px; }
.p-8 { padding: 24px; }

.space-x-3 > * + * { margin-left: 9px; }
.space-x-6 > * + * { margin-left: 18px; }
.space-y-2 > * + * { margin-top: 6px; }

.gap-6 { gap: 18px; }
.gap-8 { gap: 24px; }

/* Grid gaps */
.grid {
    gap: 18px;
}

/* Footer */
.footer-grid {
    gap: 24px !important; /* was 32px */
    margin-bottom: 30px !important; /* was 40px */
}

.footer-brand {
    font-size: 1.5rem; /* was 2rem */
}

.footer-heading {
    font-size: 1.125rem; /* was 1.5rem */
}

/* Icons */
i.fas, i.fab {
    font-size: 0.875em;
}

/* Max widths */
.max-w-7xl {
    max-width: 960px; /* was 1280px */
}

.max-w-4xl {
    max-width: 672px; /* was 896px */
}

.max-w-3xl {
    max-width: 576px; /* was 768px */
}

.max-w-2xl {
    max-width: 504px; /* was 672px */
}

/* Shadow sizes */
.shadow-lg {
    box-shadow: 0 7.5px 22.5px rgba(0, 0, 0, 0.1);
}

.shadow-xl {
    box-shadow: 0 15px 37.5px rgba(0, 0, 0, 0.15);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    html {
        font-size: 11px; /* Even smaller on mobile */
    }
    
    .text-5xl { font-size: 2rem; }
    .text-7xl { font-size: 3rem; }
    
    .btn-primary {
        padding: 0.75rem 1.125rem;
        min-height: 36px;
    }
}