/* 
 * Websly Theme System v3.0 - Style Personalities
 * These presets override global tokens to create distinct aesthetic "modes".
 * Applied via a class on the body or a root wrapper.
 */

/* =========================================
   Personality: Minimal Spacious
   ========================================= */
.personality-minimal {
    --radius-sm: 0px;
    --radius-md: 2px;
    --radius-lg: 4px;
    --radius-xl: 6px;
    --radius-2xl: 8px;

    --shadow-sm: none;
    --shadow-md: 0 4px 0px 0 rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 8px 0px 0 rgba(0, 0, 0, 0.05);

    --section-space-md: clamp(4rem, 10vw, 10rem);
    --duration-normal: 0.4s;
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================================
   Personality: Brutalist Sharp Tech
   ========================================= */
.personality-brutalist {
    --radius-sm: 0px;
    --radius-md: 0px;
    --radius-lg: 0px;
    --radius-xl: 0px;
    --radius-2xl: 0px;

    --shadow-sm: 2px 2px 0 0 #000;
    --shadow-md: 4px 4px 0 0 #000;
    --shadow-lg: 8px 8px 0 0 #000;

    --border-sm: 2px solid #000;
    --border-md: 4px solid #000;

    --duration-fast: 0.05s;
    --duration-normal: 0.1s;
    --ease-smooth: steps(1);
    /* Sharp transitions */
}

/* =========================================
   Personality: Premium Soft Elegant
   ========================================= */
.personality-premium {
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 2rem;
    --radius-xl: 3rem;
    --radius-2xl: 4rem;

    --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 10px 40px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.08);

    --duration-normal: 0.6s;
    --ease-smooth: cubic-bezier(0.23, 1, 0.32, 1);
}

/* =========================================
   Personality: Glassmorphic Futuristic
   ========================================= */
.personality-glass {
    --radius-sm: 0.75rem;
    --radius-md: 1.25rem;
    --radius-lg: 2rem;
    --radius-xl: 2.5rem;
    --radius-2xl: 3rem;

    --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.15);

    --duration-normal: 0.5s;
    --duration-slow: 0.8s;
    --ease-smooth: cubic-bezier(0.19, 1, 0.22, 1);
}

/* =========================================
   Personality: Neomorphic Soft
   ========================================= */
.personality-neumorphic {
    --radius-sm: 0.75rem;
    --radius-md: 1.5rem;
    --radius-lg: 2.5rem;
    --radius-xl: 3.5rem;
    --radius-2xl: 4.5rem;

    --shadow-sm: 6px 6px 12px rgba(0, 0, 0, 0.08), -6px -6px 12px rgba(255, 255, 255, 0.6);
    --shadow-md: 12px 12px 24px rgba(0, 0, 0, 0.08), -12px -12px 24px rgba(255, 255, 255, 0.6);
    --shadow-lg: 20px 20px 40px rgba(0, 0, 0, 0.08), -20px -20px 40px rgba(255, 255, 255, 0.6);

    --duration-normal: 0.4s;
    --ease-smooth: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.dark .personality-neumorphic,
.dark.personality-neumorphic {
    --shadow-sm: 6px 6px 12px rgba(0, 0, 0, 0.4), -6px -6px 12px rgba(255, 255, 255, 0.03);
    --shadow-md: 12px 12px 24px rgba(0, 0, 0, 0.4), -12px -12px 24px rgba(255, 255, 255, 0.03);
    --shadow-lg: 20px 20px 40px rgba(0, 0, 0, 0.4), -20px -20px 40px rgba(255, 255, 255, 0.03);
}

/* =========================================
   Personality: Editorial Magazine
   ========================================= */
.personality-editorial {
    --radius-sm: 0px;
    --radius-md: 0px;
    --radius-lg: 0px;
    --radius-xl: 0px;
    --radius-2xl: 0px;

    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;

    --section-space-md: clamp(4rem, 8vw, 8rem);
    --section-space-lg: clamp(6rem, 12vw, 12rem);

    --duration-normal: 0.5s;
    --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
}

/* =========================================
   Personality: Luxury Dark
   ========================================= */
.personality-luxury {
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 0 30px 0 color-mix(in srgb, var(--theme-accent) 25%, transparent);

    --section-space-md: clamp(4rem, 8vw, 8rem);
    --duration-normal: 0.6s;
    --duration-slow: 1s;
    --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
}

/* =========================================
   Personality: Playful Rounded
   ========================================= */
.personality-playful {
    --radius-sm: 1rem;
    --radius-md: 1.5rem;
    --radius-lg: 2.5rem;
    --radius-xl: 3.5rem;
    --radius-2xl: 5rem;

    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.1);

    --duration-normal: 0.4s;
    --ease-smooth: cubic-bezier(0.34, 1.56, 0.64, 1);
}