// DESCRIPTION: Shared SCSS variables for Nemtly blocks
// DESCRIPTION: Centralizes common values to avoid duplication

:root {
    // Spacing
    --nemtly-gap-default: 1.5rem;
    --nemtly-gap-sm: 1rem;
    --nemtly-gap-lg: 2rem;

    // Card Layout
    --nemtly-card-padding: 2rem;
    --nemtly-card-radius: 12px;
    --nemtly-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

    // Bubble Layout
    --nemtly-bubble-bg: #f3f4f6;
    --nemtly-bubble-padding: 1.5rem;
    --nemtly-bubble-radius: 12px;
    --nemtly-bubble-margin-bottom: 1.5rem;

    // Swiper
    --nemtly-swiper-theme-color: #000000;
    --nemtly-swiper-pagination-spacing: 3rem;

    // Typography defaults
    --nemtly-quote-size: 1.125rem;
    --nemtly-author-size: 1rem;
    --nemtly-role-size: 0.875rem;

    // Animation
    --nemtly-duration-default: 0.8s;
    --nemtly-duration-fast: 0.6s;
}