/* ============================================
   MODERN STYLE - Spacing System
   ============================================ */

:root[data-style="modern"],
:root:not([data-style]) {
    /* Modern spacing unit: 4px base */
    --spacing-unit: 4px;
    
    /* Spacing scale */
    --spacing-xs: calc(var(--spacing-unit) * 1);   /* 4px */
    --spacing-sm: calc(var(--spacing-unit) * 2);   /* 8px */
    --spacing-md: calc(var(--spacing-unit) * 4);    /* 16px */
    --spacing-lg: calc(var(--spacing-unit) * 6);    /* 24px */
    --spacing-xl: calc(var(--spacing-unit) * 8);    /* 32px */
    --spacing-2xl: calc(var(--spacing-unit) * 12); /* 48px */
    --spacing-3xl: calc(var(--spacing-unit) * 16);  /* 64px */

    /* Physical button press — scale applied while a button is held down
       (:active), giving a tactile "pushed in" feel. ON by default.
       Set to 1 to disable the press globally for this style. */
    --button-press-scale: 0.95;
}