/* Theme Configuration - Colors and Styles
   Modify this file to change the look and feel of Club del Libro
   without touching the main styles.css
*/

:root {
    /* Hygge Style - Warm, Cozy, Natural Tones */
    
    /* Primary Colors - Warm Beige/Tan */
    --primary-color: #d4b896;        /* Main Hygge beige (slightly darker than base) */
    --primary-hover: #c4a886;        /* Darker beige for hover states */
    --primary-light: #f5ede0;        /* Very light beige for backgrounds */
    
    /* Secondary Colors - Complementary Earth Tones */
    --secondary-color: #b89968;      /* Warm brown/gold */
    --secondary-hover: #a88958;      /* Darker brown */
    
    /* Accent Colors - Natural Palette */
    --accent-color: #8b9d83;         /* Soft sage green */
    --success-color: #7a9b76;        /* Muted green for success */
    --warning-color: #d4a574;        /* Warm amber for warnings */
    --danger-color: #c4877d;         /* Soft terracotta for errors */
    
    /* Neutral Colors - Warm Grays */
    --text-color: #4a4340;           /* Warm dark brown (instead of pure black) */
    --text-light: #6b615d;           /* Medium warm gray */
    --text-lighter: #9b8f8a;         /* Light warm gray */
    
    --background-color: #faf7f2;     /* Warm off-white background */
    --card-background: #ffffff;      /* Pure white cards for contrast */
    --border-color: #e5d3b3;         /* Your Hygge color as border */
    
    /* Shadows - Softer, warmer */
    --shadow-small: 0 2px 5px rgba(74, 67, 64, 0.08);
    --shadow-medium: 0 4px 15px rgba(74, 67, 64, 0.12);
    --shadow-large: 0 8px 25px rgba(74, 67, 64, 0.15);
    
    /* Border Radius - Slightly softer */
    --radius-small: 8px;
    --radius-medium: 10px;
    --radius-large: 14px;
    --radius-round: 50%;
    
    /* Spacing */
    --spacing-small: 10px;
    --spacing-medium: 20px;
    --spacing-large: 40px;
    
    /* Typography */
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-heading: 'Playfair Display', serif;
    --font-title: 'Playfair Display', serif;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* Alternative Theme Examples - Uncomment to use and comment out the active theme above */

/* Original Red/Orange Theme */
/*
:root {
    --primary-color: #e74c3c;
    --primary-hover: #c0392b;
    --primary-light: #ffebee;
    --secondary-color: #e67e22;
    --secondary-hover: #d35400;
    --accent-color: #3498db;
    --success-color: #27ae60;
    --warning-color: #f39c12;
    --danger-color: #c0392b;
    --text-color: #333333;
    --text-light: #666666;
    --text-lighter: #999999;
    --background-color: #f5f5f5;
    --card-background: #ffffff;
    --border-color: #e0e0e0;
}
*/

/* Dark Blue Theme */
/*
:root {
    --primary-color: #2c3e50;
    --primary-hover: #1a252f;
    --primary-light: #ecf0f1;
    --secondary-color: #3498db;
    --secondary-hover: #2980b9;
}
*/

/* Green Nature Theme */
/*
:root {
    --primary-color: #27ae60;
    --primary-hover: #229954;
    --primary-light: #d5f4e6;
    --secondary-color: #2ecc71;
    --secondary-hover: #27ae60;
}
*/

/* Purple Elegant Theme */
/*
:root {
    --primary-color: #9b59b6;
    --primary-hover: #8e44ad;
    --primary-light: #f4ecf7;
    --secondary-color: #e91e63;
    --secondary-hover: #c2185b;
}
*/

/* Warm Terracotta Theme */
/*
:root {
    --primary-color: #d4877d;
    --primary-hover: #c4776d;
    --primary-light: #f5ede9;
    --secondary-color: #e09f84;
    --secondary-hover: #d08f74;
    --accent-color: #8b9d83;
    --text-color: #4a3f3c;
}
*/

/* Sage Green Minimalist Theme */
/*
:root {
    --primary-color: #8b9d83;
    --primary-hover: #7b8d73;
    --primary-light: #f0f5ee;
    --secondary-color: #a8b89f;
    --secondary-hover: #98a88f;
    --accent-color: #d4b896;
    --text-color: #3a3f36;
}
*/

/* Custom Font Integration (Google Fonts example) */
/*
NOTE: Playfair Display is now the default font for main titles!
The font is loaded in index.php with light weight (300) and increased letter-spacing.

If you want to change the title font, modify:
- index.php: The Google Fonts link
- css/styles.css: .hygge-title { font-family: ... }

Other serif font options:
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
*/