/* PwaX4 LP - Combined Styles */
/* File 1 palette (matches LP_DESIGN.md) + File 2 unique variables */
:root {
    --primary-color: #2563EB;
    --accent-color: #F59E0B;
    --dark-navy: #0F172A;
    --light-bg: #F8FAFC;
    --success-color: #10b981;
    --text-color: #334155;
    --bg-light: #f8fafc;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    color: var(--text-color);
}
.hero-bg {
    background-color: var(--dark-navy);
    background-image: radial-gradient(at 100% 0%, hsla(217,91%,60%,0.2) 0px, transparent 50%),
                      radial-gradient(at 0% 100%, hsla(217,91%,60%,0.2) 0px, transparent 50%);
}
.gradient-text {
    background: linear-gradient(to right, #60A5FA, #2563EB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

@media (min-width: 1024px) {
    .lg\:text-6xl {
        font-size: 3rem !important;
        line-height: 1;
    }
}