/**
 * MOL Správa směn – CENTRÁLNÍ TÉMA (Fresh Corner)
 * Sjednocené CSS proměnné pro celou aplikaci.
 *
 * Importují ho oba hlavní CSS (style.css, common.css) i případné komponenty.
 * Barvy se dají kdykoli přepnout na jinou paletu úpravou pouze tohoto souboru.
 */

:root {
    /* ================= FRESH CORNER – primární paleta ================= */
    --fc-green:        #9BC328;  /* akcentní zelená */
    --fc-green-hover:  #87AA21;
    --fc-green-dark:   #6A8B1A;
    --fc-brown:        #462814;  /* hlavní tmavá */
    --fc-brown-light:  #7A604D;
    --fc-brown-dark:   #2F1A0D;
    --fc-bg:           #F5F2E9;  /* jemná krémová/béžová */
    --fc-bg-soft:      #FAF7F0;
    --fc-border:       rgba(70, 40, 20, 0.1);
    --fc-border-strong:rgba(70, 40, 20, 0.2);

    /* ================= ALIASY (kompatibilita s common.css) =========== */
    /* Původní MOL proměnné přesměrované na Fresh Corner ekvivalenty, aby
       existující CSS v common.css fungovalo bez úprav. */
    --color-primary:         var(--fc-brown);
    --color-primary-light:   var(--fc-green);
    --color-primary-lighter: var(--fc-green-hover);
    --color-primary-dark:    var(--fc-brown-dark);

    /* ================= SÉMANTICKÉ BARVY ============================== */
    --color-success:       #16A34A;
    --color-success-bg:    #DCFCE7;
    --color-warning:       #F59E0B;
    --color-warning-bg:    #FEF3C7;
    --color-danger:        #EF4444;
    --color-danger-hover:  #DC2626;
    --color-danger-bg:     #FEF2F2;
    --color-info:          var(--fc-green);
    --color-info-bg:       #F4F6EF;

    /* ================= SMĚNY – denní doba ============================ */
    --color-morning:   #F59E0B;
    --color-afternoon: #0891B2;
    --color-evening:   #7C3AED;
    --color-night:     #1E3A8A;

    /* ================= VÍKEND ========================================= */
    --color-weekend:    #7C3626;
    --color-weekend-bg: #FFF5F5;

    /* ================= NEUTRÁLY ======================================= */
    --white:         #FFFFFF;
    --color-white:   var(--white);
    --color-gray-50:  #F9FAFB;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #6B7280;
    --color-gray-600: #4B5563;
    --color-gray-700: #374151;
    --color-gray-800: #1F2937;
    --color-gray-900: #111827;

    /* pro rychlé použití v inline stylech */
    --muted:    var(--color-gray-600);
    --muted-2:  var(--color-gray-500);

    /* ================= TYPOGRAFIE ===================================== */
    --font-body:  'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-head:  'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono:  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* ================= STÍNY ========================================== */
    --shadow-sm:    0 1px 2px rgba(70, 40, 20, 0.04);
    --shadow:       0 4px 20px rgba(70, 40, 20, 0.06);
    --shadow-md:    0 6px 18px rgba(70, 40, 20, 0.08);
    --shadow-lg:    0 10px 30px rgba(70, 40, 20, 0.12);
    --shadow-xl:    0 20px 40px rgba(70, 40, 20, 0.16);
    --shadow-hover: 0 8px 25px rgba(70, 40, 20, 0.12);

    /* ================= BORDER-RADIUS ================================== */
    --radius-sm:         8px;
    --radius:            12px;
    --radius-md:         var(--radius);
    --radius-lg:         16px;
    --radius-xl:         20px;
    --radius-full:       9999px;
    --border-radius-md:  var(--radius);
    --border-radius-lg:  var(--radius-lg);
    --border-radius-full:var(--radius-full);

    /* ================= SPACING ======================================== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* ================= HEADER (app-header) ============================ */
    --header-bg:           var(--fc-brown);
    --header-fg:           var(--white);
    --header-accent:       var(--fc-green);
    --header-accent-fg:    var(--fc-brown);
    --header-height:       58px;
}