/* YŪGEN Skin Core - Frontend CSS */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;600;700&display=swap');

:root {
    --yugen-rose: #f5c2cc;
    --yugen-ink: #5e4632;
    --yugen-ink2: #8b7355;
    --yugen-borda: #fde8ec;
    --yugen-rose-light: #fef5f7;
    --yugen-white: #ffffff;
}

.yugen-container {
    font-family: 'Comfortaa', sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.yugen-btn {
    font-family: 'Comfortaa', sans-serif;
    padding: 12px 24px;
    background: linear-gradient(135deg, var(--yugen-rose) 0%, #f8d5dc 100%);
    border: none;
    border-radius: 8px;
    color: var(--yugen-ink);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.yugen-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(245, 194, 204, 0.3);
}