/**
 * Konfigurační soubor pro barvy a styly webu
 * Tento soubor obsahuje všechny hlavní barvy a styly používané na webu
 */

:root {
    /* Hlavní barvy */
    --primary-color: #583ce2;
    --primary-color-hover: #3f2a9e;
    --primary-color-active: #2b1a5f;
    --primary-color-light: #8b7ae8;
    --primary-color-lighter: #b8aef0;
    
    --secondary-color: #eeebfc;
    --secondary-color-dark: #d4cdf8;
    
    --decoration-color: #5ad2e2;
    --decoration-color-dark: #3fb8c8;
    
    --favorite-color: #daaeff;
    --favorite-color-dark: #c88aff;
    
    /* Bootstrap kompatibilní barvy */
    --success-color: #28a745;
    --success-color-light: #d4edda;
    --danger-color: #dc3545;
    --danger-color-light: #f8d7da;
    --warning-color: #ffc107;
    --warning-color-light: #fff3cd;
    --info-color: #17a2b8;
    --info-color-light: #d1ecf1;
    
    /* Neutrální barvy */
    --light-color: #f7f7f7;
    --dark-color: #333333;
    --gray-color: #6c757d;
    --gray-light: #e9ecef;
    --white: #ffffff;
    --black: #000000;
    
    /* Textové barvy */
    --text-primary: #333333;
    --text-secondary: #6c757d;
    --text-muted: #999999;
    --text-light: #ffffff;
    
    /* Pozadí */
    --bg-primary: var(--primary-color);
    --bg-secondary: var(--secondary-color);
    --bg-light: var(--light-color);
    --bg-white: var(--white);
    
    /* Gradienty */
    --linear-gradient: linear-gradient(90deg,
        rgb(209, 227, 242) 0%,
        rgb(247, 247, 247) 50%,
        rgb(158, 190, 232) 100%);
    
    --primary-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-hover) 100%);
    
    /* Rozměry */
    --website-width: 85%;
    --border-radius: 0.5rem;
    --border-radius-lg: 1rem;
    
    /* Stíny */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.15);
    
    /* Fonty */
    --font-family: "Kanit", sans-serif;
    --font-family-alt: "Roboto", sans-serif;
}

/* Utility třídy pro barvy */
.text-primary-custom {
    color: var(--primary-color) !important;
}

.bg-primary-custom {
    background-color: var(--primary-color) !important;
}

.border-primary-custom {
    border-color: var(--primary-color) !important;
}

/* Utility třídy pro sekundární barvy */
.text-secondary-custom {
    color: var(--secondary-color) !important;
}

.bg-secondary-custom {
    background-color: var(--secondary-color) !important;
}

/* Utility třídy pro dekorativní barvy */
.text-decoration-custom {
    color: var(--decoration-color) !important;
}

.bg-decoration-custom {
    background-color: var(--decoration-color) !important;
}