/* ============================================
   CSS PROMĚNNÉ - MAPA SKŘÍNĚK
   Verze: 6.0
   ============================================ */

:root {
    /* === HLAVNÍ BARVY === */
    --primary-color: #4a90d9;
    --primary-hover: #3a7bc8;
    
    /* === FOND A TEXT === */
    --bg-color: #f5f5f5;
    --text-color: #333;
    --text-muted: #666;
    --border-color: #ddd;
    
    /* === TYPICKÉ ROZMĚRY === */
    --cell-height: 100px;
    --border-radius-small: 3px;
    --border-radius-medium: 4px;
    --border-radius-large: 8px;
    
    /* === ZPRÁVY (SUCCESS/ERROR/WARNING) === */
    --success-bg: #d4edda;
    --success-text: #155724;
    --success-border: #c3e6cb;
    
    --error-bg: #f8d7da;
    --error-text: #721c24;
    --error-border: #f5c6cb;
    
    --warning-bg: #fff3cd;
    --warning-text: #856404;
    --warning-border: #ffeeba;
    
    /* === INFORMAČNÍ BOXY === */
    --info-bg: #e7f3ff;
    --info-border: #b6d4fe;
    --info-text: #004085; /* Volitelně pro text uvnitř */

    /* === DYNAMICKÉ HODNOTY (nastavuje PHP v header.php) === */
    --num-cols: 12;
    --col-width: calc(100% / var(--num-cols));
    
    /* === TLAČÍTKA === */
    --btn-primary-bg: var(--primary-color);
    --btn-primary-hover: var(--primary-hover);
    --btn-secondary-bg: #6c757d;
    --btn-secondary-hover: #5a6268;
    --btn-success-bg: #28a745;
    --btn-success-hover: #218838;
    --btn-danger-bg: #dc3545;
    --btn-danger-hover: #c82333;
    
    /* === FORMULÁŘE === */
    --input-border: #ccc;
    --input-padding: 8px;
    --textarea-min-height: 100px;
    
    /* === SPACING === */
    --spacing-xs: 5px;
    --spacing-sm: 8px;
    --spacing-md: 10px;
    --spacing-lg: 15px;
    --spacing-xl: 20px;
    
    /* === TYPOGRAFIE === */
    --font-family: Arial, sans-serif;
    --font-size-base: 14px;
    --font-size-small: 12px;
    --font-size-large: 1.2em;
    --line-height: 1.5;
    
    /* === STÍNY === */
    --shadow-small: 0 1px 3px rgba(0,0,0,0.05);
    --shadow-medium: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-large: 0 4px 8px rgba(0,0,0,0.15);
}