/* カスタムCSS - Tailwindで表現しにくいスタイル */

/* テーマ固有のカスタムスタイル */
.hero-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="10" cy="10" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="80" cy="20" r="1.5" fill="%23ffffff" opacity="0.1"/><circle cx="30" cy="80" r="1" fill="%23ffffff" opacity="0.1"/></svg>');
    background-size: 200px 200px;
}

/* カスタム影 */
.box-shadow-ketty {
    box-shadow: 0 15px 35px rgba(230,188,80,0.3);
}

/* 特殊なグラデーション背景 */
.bg-cream-gradient {
    background: linear-gradient(135deg, #fef9e7 0%, #f8f5e4 100%);
}

/* カスタムボーダー */
.border-dashed-ketty {
    border: 2px dashed rgba(77,19,57,0.3);
}