/* CSS Variables & Color Palette */
:root {
    /* Refined Flower Shop Palette */
    --primary-color: #FF8B94;
    /* Rose Pink */
    --primary-hover: #FA707B;
    --primary-soft: #FFF0F1;

    --secondary-color: #A8E6CF;
    /* Mint Fresh */
    --accent-color: #FFD3B6;
    /* Soft Peach */

    --heading-color: #1A1A1A;
    --text-color: #444444;
    --text-muted: #777777;

    --bg-color: #FDFDFD;
    --bg-alt: #F8F9FA;
    --navbar-bg: #FFFFFF;
    --topbar-bg: #2D3436;

    --border-color: #EEEEEE;
    --glass-bg: rgba(255, 255, 255, 0.85);

    /* Functional Tokens */
    --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 9999px;

    /* Corporate & Specialty Fonts */
    --body-font: 'Inter', sans-serif;
    --heading-font: 'Outfit', sans-serif;
    --logo-font: 'Alex Brush', cursive;
    --product-name-font: 'Lil Grotesk Medium', 'Outfit', 'Inter', sans-serif;
}