/* ============================================
   CENTRÁLNÍ BAREVNÉ LADĚNÍ WEBU -
   ZDE MŮŽETE UPRAVIT VŠECHNY HLAVNÍ BARVY
   ============================================ */

:root {
    /* Modro-zeleno-fialová paleta */
    --color-primary-dark: #4a148c;      /* Tmavě fialová - hlavní text, nadpisy */
    --color-primary-medium: #00695c;    /* Tmavě zelená - sekundární text */
    --color-primary-light: #1976d2;     /* Modrá - tlačítka, akcenty */
    --color-primary-lighter: #26a69a;   /* Zeleno-modrá - rámečky, linky */
    --color-primary-lightest: #64b5f6;  /* Světle modrá - pozadí, jemné prvky */
    --color-primary-bg: #80cbc4;        /* Světle zelená - pozadí headerů */
    --color-primary-bg-light: #b2dfdb;   /* Světle zelená - světlé pozadí */
    --color-primary-bg-lightest: #e0f2f1; /* Nejsvětlejší zelená - pozadí */
    
    /* Gradienty - kombinace modré, zelené a fialové */
    --gradient-navbar: linear-gradient(135deg, #1976d2 0%, #00695c 50%, #4a148c 100%);
    --gradient-header: linear-gradient(135deg, #80cbc4 0%, #b2dfdb 100%);
    --gradient-body: linear-gradient(135deg, #f5f5f5 0%, var(--color-primary-bg-lightest) 100%);
    --gradient-button: linear-gradient(135deg, #1976d2 0%, #26a69a 100%);
    
    /* Neutrální barvy */
    --color-white: #ffffff;
    --color-light-gray: #f5f5f5;
    --color-text-dark: #555;
    --color-text-muted: var(--color-primary-lighter);
    
    /* Stíny a efekty */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 25px rgba(0, 0, 0, 0.15);
    
    /* RGBA varianty pro efekty */
    --color-primary-dark-rgba: rgba(74, 20, 140, 0.2);
    --color-primary-light-rgba: rgba(38, 166, 154, 0.2);
    --color-primary-medium-rgba: rgba(0, 105, 92, 0.3);
    --color-primary-medium-rgba-hover: rgba(0, 105, 92, 0.4);
    
    /* Akční barvy (tlačítka) */
    --color-edit: #1976d2;              /* Modrá pro edit */
    --color-edit-hover: #1565c0;        /* Tmavší modrá pro hover */
    --color-delete: #ef5350;            /* Červená pro delete */
    --color-delete-hover: #e53935;      /* Tmavší červená pro hover */
    --gradient-edit: linear-gradient(135deg, #42a5f5 0%, #2196f3 100%);
    --gradient-delete: linear-gradient(135deg, #ef5350 0%, #e53935 100%);
    
    /* Další pomocné barvy */
    --color-bg-light: #f9f9f9;          /* Velmi světlé pozadí */
    --color-success: #1b5e20;           /* Zelená pro úspěch */
    --color-warning-bg: #fff3cd;        /* Žluté pozadí pro varování */
    --color-warning-border: #ffc107;    /* Žlutý rámeček */
    --color-danger: #ff6b6b;            /* Červená pro nebezpečí/odstranění */
    --color-danger-border: #dc3545;     /* Tmavší červená pro rámečky */
    --color-orange-light: #ffd3b6;       /* Světle oranžová */
    --color-orange-medium: #ffccbc;      /* Středně oranžová */
    --color-orange-dark: #ff8a65;       /* Tmavší oranžová */
    --color-orange-text: #bf360c;       /* Tmavě oranžová pro text */
}