/* ================================================================
   MT24 Theme: Elegant — Luxury, refined, serif typography
   Ideal for jewelry, fashion, premium brands
   ================================================================ */

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

:root {
    /* Typography */
    --mt24-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --mt24-font-body: 'Lora', Georgia, serif;
    --mt24-letter-spacing: 0em;

    /* Shapes — subtle, refined corners */
    --mt24-radius-sm: 2px;
    --mt24-radius: 4px;
    --mt24-radius-lg: 6px;
    --mt24-radius-xl: 8px;

    /* Shadows — soft, understated */
    --mt24-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
    --mt24-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    --mt24-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.05);
    --mt24-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.06);
    --mt24-shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.06);

    /* Borders — finer */
    --mt24-border: #E8E4E0;
    --mt24-border-light: #F5F3F0;
    --mt24-border-dark: #D4CFC8;

    /* Backgrounds — warm neutrals */
    --mt24-bg-soft: #FAF9F7;
    --mt24-bg-muted: #F5F3F0;

    /* Transitions — slower, more graceful */
    --mt24-duration-fast: 200ms;
    --mt24-duration: 350ms;
    --mt24-duration-slow: 500ms;
}