/* ========================================
   SHARED-YANG.CSS - Yang-spezifische Styles
   ========================================
   Philosophie: Aktiv, Extern, Handeln
   Font: Caveat - Energetisch & Kreativ
   Farben: Gelb-Töne (Sonne, Aktivität)
*/

/* === GOOGLE FONTS - Caveat === */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Permanent+Marker&display=swap');

/* === YANG TYPOGRAPHY === */
body.yang-page {
    font-family: 'Caveat', cursive;
}

/* === CHALKBOARD DESIGN === */
.chalkboard {
    background-color: #ffffff;
    padding: 3rem;
    border-radius: 8px;
    box-shadow:
        inset 0 0 50px rgba(204, 204, 204, 0.5),
        0 4px 10px rgba(0, 0, 0, 0.3);
    background-image:
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(255, 255, 255, 0.02) 2px,
            rgba(255, 255, 255, 0.02) 4px
        );
}

/* Chalk-spezifische Anpassungen für Rainbow-Text */
.chalk-rainbow {
    font-family: 'Caveat', cursive;
    font-size: 4rem;
    filter: blur(0.4px);
    text-shadow:
        0 1px 2px rgba(255, 255, 255, 0.4),
        0 2px 4px rgba(0, 0, 0, 0.3),
        1px 1px 3px rgba(255, 255, 255, 0.2);
}

/* === YANG COLOR OVERRIDES === */
.yang-page {
    /* Optional: Yang-spezifische Farb-Anpassungen */
    --accent-yang: hsla(45, 100%, 55%, 0.8); /* Etwas intensiver */
}

/* === YANG HEADINGS === */
.yang-page h1,
.yang-page h2,
.yang-page h3 {
    font-family: 'Caveat', cursive;
    font-weight: 700;
}

/* === YANG LINKS === */
.yang-page a {
    color: var(--accent-yang);
    transition: all 0.3s ease;
}

.yang-page a:hover {
    color: var(--accent-yang-secondary);
    text-shadow: 0 0 8px var(--accent-yang-secondary);
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .chalkboard {
        padding: 2rem;
    }

    .chalk-rainbow {
        font-size: 3rem;
    }
}