/* =======================================================
   KONFIGURAČNÍ PROFIL E
   Charakter: teplé, sytější tóny, plastické menu (3D efekt)
   Změny: teplejší barvy + gradienty pro položky menu
======================================================= */

:root {

    /* =======================================================
       A) ADMIN CONFIGURATION
    ======================================================= */

    /* --- A1) ZÁKLADNÍ BAREVNÉ ROLE ------------------------ */

    /* Pozadí celé stránky
    --ui-bg-page: #f1e1b2;  */        /* teplejší krém */

    /* Povrchy (panely, menu, bloky)
    --ui-bg-surface: #f7edcc;   */    /* světlý voskový */

    /* Sekundární povrchy
    --ui-bg-surface-alt: #e6cf8e; */  /* zlatavější tón
                                               */
    /* Doplňkové plochy
    --ui-bg-aux: #efe0ad;  */

    /* Text
    --ui-text-main: #4b3a1f;  */      /* hnědo-zlatý
    --ui-text-strong: #2f2412;           */

    /* Linky
    --ui-border-light: #e1cc90;
    --ui-border: #c8b070;
    --ui-border-strong: #b59a55;       */

    /* Interakce (fallback barvy)
    --ui-bg-hover: #edd498;
    --ui-bg-active: rgba(120, 96, 32, 0.22);  */

    /* Překryvy
    --ui-bg-overlay: rgba(255, 250, 235, 0.95);      */



    /* --- A2) TYPOGRAFIE --------------------------------- */

    --font-family-base: Arial, sans-serif;
    --font-size-base: 16px;
    --font-size-title: 18px;
    --font-size-secondary: 0.95em;
    --font-weight-strong: 700;



    /* --- A3) LAYOUT – PROPORCE --------------------------- */

    --layout-page-max-width: 1200px;
    --layout-sidebar-width: 260px;
    --layout-content-max-width: 900px;

    --layout-aux-min-height: 60px;
    --layout-aux-max-height: 200px;

    --layout-control-size: 28px;



    /* --- A4) SPACING – HUSTOTA ROZHRANÍ ------------------ */

    --space-xs: 8px;
    --space-s: 10px;
    --space-m: 14px;
    --space-l: 18px;
    --space-xl: 20px;
    --space-xxl: 60px;



    /* --- A5) MENU – PLASTICKÝ (3D) VZHLED ---------------- */

    /* Neaktivní položka: shora světlejší → dolů tmavší
    --menu-bg-top: #f4e3b0;
    --menu-bg-bottom: #d4b768;                          */

    /* Aktivní položka: shora tmavší → dolů světlejší
    --menu-active-bg-top: #c6a352;
    --menu-active-bg-bottom: #f1e0aa;                  */

    /* Ohraničení tlačítek
    --menu-border-top: #fff3cf;
    --menu-border-bottom: #a7893f;           */

    /* Text v menu
    --menu-text: #3b2f14;
    --menu-text-active: #2a1f0c;             */



    /* --- A6) DEKORATIVNÍ VRSTVA -------------------------- */

    --decor-enabled: 1;
    --decor-opacity: 1;
    --decor-scale: 1;



    /* --- A7) ANIMACE ------------------------------------ */

    --motion-fast: 0.25s ease;
    --motion-normal: 0.3s ease;



    /* =======================================================
       B) SYSTEM CONSTANTS (nedoporučeno měnit)
    ======================================================= */

    --sys-bp-mobile: 900px;
    --sys-z-sidebar: 1500;
    --sys-z-controls: 2000;

}