/* ================================================================
   MT24 Theme: Soft — Pastel, rounded, gentle
   Ideal for baby products, kids, beauty, wellness, handmade
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap');

:root {
    /* Typography — friendly, rounded letterforms */
    --mt24-font-heading: 'Quicksand', system-ui, sans-serif;
    --mt24-font-body: 'Nunito', system-ui, sans-serif;
    --mt24-letter-spacing: 0em;
    --mt24-line-height: 1.7;

    /* Shapes — very rounded, pill-like */
    --mt24-radius-sm: 8px;
    --mt24-radius: 16px;
    --mt24-radius-lg: 20px;
    --mt24-radius-xl: 24px;

    /* Shadows — feathered, barely-there */
    --mt24-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.02);
    --mt24-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    --mt24-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);
    --mt24-shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.05);
    --mt24-shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.06);

    /* Borders — soft, pastel */
    --mt24-border: #E8ECF0;
    --mt24-border-light: #F1F4F8;
    --mt24-border-dark: #D4DAE2;

    /* Backgrounds — warm pastels */
    --mt24-bg-soft: #FAFBFD;
    --mt24-bg-muted: #F3F5F9;

    /* Spacing — more breathing room */
    --mt24-space-lg: 28px;
    --mt24-space-xl: 36px;
    --mt24-space-2xl: 56px;
    --mt24-space-3xl: 72px;
    --mt24-space-section: 96px;

    /* Transitions — gentle, eased */
    --mt24-duration-fast: 200ms;
    --mt24-duration: 300ms;
    --mt24-duration-slow: 500ms;
    --mt24-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --mt24-ease-bounce: cubic-bezier(0.34, 1.4, 0.64, 1);
}