/* public/css/styles.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    /* Fantasy Statblock interactive elements */
    .clic-to-roll {
        @apply cursor-pointer text-crimson-600 font-bold border-b border-dashed border-crimson-500 hover:bg-parchment-300 transition-colors px-1 rounded;
    }
    
    .stat-box {
        @apply border-2 border-gold-400 rounded-lg p-2 text-center bg-parchment-100 shadow-inner;
    }
    
    .stat-value {
        @apply text-2xl font-bold text-gray-900;
    }
    
    .stat-mod {
        @apply text-sm text-gray-600;
    }

    /* Magical Whisper Toast */
    .whisper-toast {
        @apply fixed top-20 right-4 bg-gold-400 text-gray-900 border-2 border-crimson-600 p-4 rounded shadow-2xl z-50 font-serif animate-pulse;
    }
}

/* Custom Scrollbar for the Tome */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #e8cfa6;
}
::-webkit-scrollbar-thumb {
    background: #8b0000;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #660000;
}