/* ==========================================================================
   GLOBAL STYLES
   ========================================================================== */

/* --------------------------------------------------------------------------
   Imports
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   CSS Custom Properties (Variables)
   -------------------------------------------------------------------------- */
:root {
    /* Font Sizes */
    --font-size-base: clamp(14px, 2.5vw, 18px);
    --font-size-small: clamp(12px, 2vw, 16px);
    --font-size-large: clamp(16px, 3vw, 22px);
    --font-size-h1: clamp(3.5rem, 8vw, 5rem);
    --font-size-h2: clamp(1.5rem, 5vw, 3rem);
    
    /* Font Families */
    --font-family-body: Verdana, Geneva, sans-serif;

    /* Colors */
    --color-background: #E3E8C5;
    --color-heading: #e0e0e0;
    --color-text: #333333;
    --color-flower-primary: #ff6b6b;
    --color-flower-secondary: #4ecdc4;
    --color-flower-accent: #ffe66d;
    
    /* Spacing */
    --spacing-small: clamp(0.25rem, 1vw, 0.75rem);
    --spacing-medium: clamp(0.5rem, 2vw, 1.5rem);
    --spacing-large: clamp(1rem, 4vw, 3rem);
}

/* --------------------------------------------------------------------------
   Base Styles
   -------------------------------------------------------------------------- */
html {
    margin: 0;
    padding: 0;
    height: 100svh;
}

   body {
    font-family: var(--font-family-body);
    padding: 0;
    margin: 0;

}

/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */