/* 
 * 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);
}