/* ==========================================================================
   eFaktoring – Design Tokens (CSS Custom Properties)
   ==========================================================================
   Jediný zdroj pravdy pro barvy, rozměry, typografii a stíny.
   Importováno v base.html PŘED style.css i Bootstrap.
   ========================================================================== */

:root {
  /* === Primární barvy === */
  --color-primary:        #0093c9;
  --color-primary-dark:   #007aab;
  --color-primary-light:  #33b5e5;
  --color-accent:         #4a90e2;
  --color-accent-dark:    #3578c4;

  /* === Sémantické barvy === */
  --color-success:        #28a745;
  --color-success-light:  #d4edda;
  --color-danger:         #dc3545;
  --color-danger-light:   #f8d7da;
  --color-warning:        #ffc107;
  --color-warning-light:  #fff3cd;
  --color-info:           #17a2b8;
  --color-info-light:     #d1ecf1;

  /* === Neutrální barvy === */
  --color-bg:             #f8f9fa;
  --color-bg-white:       #ffffff;
  --color-border:         #dee2e6;
  --color-border-light:   #f0f0f0;
  --color-text:           #343a40;
  --color-text-muted:     #6c757d;
  --color-text-light:     #95a5a6;

  /* === Layout === */
  --sidebar-width:        240px;
  --header-height:        60px;
  --content-padding:      20px;

  /* === Sidebar === */
  --sidebar-bg-start:     #2c3e50;
  --sidebar-bg-end:       #34495e;
  --sidebar-text:         #ecf0f1;
  --sidebar-text-muted:   #95a5a6;
  --sidebar-hover-bg:     rgba(255,255,255,0.1);
  --sidebar-active-bg:    rgba(74,144,226,0.2);
  --sidebar-border-active:#4a90e2;

  /* === Header === */
  --header-bg:            var(--color-primary);
  --header-text:          #ffffff;

  /* === Typografie === */
  --font-family:          'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-size-base:       14px;
  --font-size-sm:         13px;
  --font-size-xs:         12px;
  --font-size-lg:         16px;
  --font-size-h3:         28px;

  /* === Tabulky === */
  --table-font-size:      0.85rem;
  --table-padding:        10px 12px;
  --table-padding-sm:     6px 8px;
  --table-header-bg:      var(--color-bg);
  --table-header-color:   #495057;
  --table-hover-bg:       #f5f5f5;
  --table-stripe-bg:      #f9f9f9;

  /* === Formuláře === */
  --input-border:         2px solid #ced4da;
  --input-border-radius:  6px;
  --input-padding:        8px 12px;
  --input-focus-border:   var(--color-accent);
  --input-readonly-bg:    #f0f0f0;

  /* === Tlačítka === */
  --btn-padding:          8px 16px;
  --btn-padding-sm:       6px 12px;
  --btn-border-radius:    6px;
  --btn-font-weight:      600;

  /* === Stíny === */
  --shadow-sm:            0 1px 3px rgba(0,0,0,0.1);
  --shadow-md:            0 2px 8px rgba(0,0,0,0.15);
  --shadow-lg:            0 4px 20px rgba(0,0,0,0.3);

  /* === Border radius === */
  --radius-sm:            4px;
  --radius-md:            6px;
  --radius-lg:            8px;

  /* === Transitions === */
  --transition-fast:      0.2s ease;
  --transition-normal:    0.3s ease;

  /* === Login === */
  --login-bg-start:       var(--sidebar-bg-start);
  --login-bg-mid:         var(--sidebar-bg-end);
  --login-bg-end:         #4a6274;
}