/*
 * HebeBooks Color Palette
 *
 * This file contains all colors used throughout the website.
 * Edit these values to change the entire website's color scheme.
 */

:root {
    /* Primary Brand Colors */
    --primary: #DD183B;               /* Main brand color - buttons, links, accents */
    --primary-rgb: 221, 24, 59;      /* RGB values for rgba() usage - update when changing primary */
    --primary-dark: #b81330;          /* Darker shade for hover states */
    --bg-warm: #FFEDE6;              /* Light warm background */

    /* Text Colors */
    --text: #333333;                  /* Main text color */
    --text-muted: #666666;            /* Secondary text, descriptions */
    --white: #ffffff;                 /* Pure white */

    /* UI Surface Colors */
    --surface-dark: #333333;          /* Dark backgrounds - footer, mobile menu */
    --border-light: #e0e0e0;          /* Input borders, dividers */
    --disabled: #cccccc;              /* Disabled buttons */

    /* Success Messages */
    --success-bg: #d4edda;            /* Success message background */
    --success-text: #155724;          /* Success message text */
    --success-border: #c3e6cb;        /* Success message border */

    /* Error Messages */
    --error-bg: #f8d7da;              /* Error message background */
    --error-text: #721c24;            /* Error message text */
    --error-border: #f5c6cb;          /* Error message border */

    /* Typography */
    --font-body: 'Poppins', sans-serif;          /* Main body text */
    --font-heading: 'Playfair Display', serif;   /* Headings and titles */

    /* Transitions */
    --transition: all 0.3s ease;      /* Smooth animations */
}

/*
 * Alternative Color Schemes (Uncomment to use)
 *
 * Blue Theme:
 * --primary: #1E88E5;
 * --primary-dark: #1565C0;
 * --bg-warm: #E3F2FD;
 *
 * Purple Theme:
 * --primary: #9C27B0;
 * --primary-dark: #7B1FA2;
 * --bg-warm: #F3E5F5;
 *
 * Green Theme:
 * --primary: #43A047;
 * --primary-dark: #2E7D32;
 * --bg-warm: #E8F5E9;
 */

/*
 * Alternative Font Pairings
 *
 * Modern & Clean:
 * --font-body: 'Inter', sans-serif;
 * --font-heading: 'Space Grotesk', sans-serif;
 * Google Fonts: https://fonts.google.com/specimen/Inter
 *               https://fonts.google.com/specimen/Space+Grotesk
 *
 * Classic & Elegant:
 * --font-body: 'Lora', serif;
 * --font-heading: 'Cormorant Garamond', serif;
 * Google Fonts: https://fonts.google.com/specimen/Lora
 *               https://fonts.google.com/specimen/Cormorant+Garamond
 *
 * Fun & Playful (Great for kids books):
 * --font-body: 'Nunito', sans-serif;
 * --font-heading: 'Fredoka', sans-serif;
 * Google Fonts: https://fonts.google.com/specimen/Nunito
 *               https://fonts.google.com/specimen/Fredoka
 *
 * Professional & Readable:
 * --font-body: 'Open Sans', sans-serif;
 * --font-heading: 'Merriweather', serif;
 * Google Fonts: https://fonts.google.com/specimen/Open+Sans
 *               https://fonts.google.com/specimen/Merriweather
 *
 * NOTE: Remember to update the Google Fonts link in index.html when changing fonts!
 */