/* eFenix Modern — CSS proměnné */

:root {
  --color-primary:        #be232b;
  --color-primary-hover:  #9e1a22;
  --color-primary-light:  rgba(190,35,43,0.08);

  --color-bg:             #ffffff;
  --color-bg-secondary:   #f8f8f8;
  --color-bg-card:        #ffffff;

  --color-text:           #1a1a1a;
  --color-text-muted:     #6b7280;
  --color-text-light:     #9ca3af;

  --color-border:         #e5e7eb;
  --color-border-light:   #f3f4f6;

  --color-link:           #be232b;
  --color-link-hover:     #1a1a1a;

  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif:   'Lora', Georgia, serif;

  --text-xs:      11px;
  --text-sm:      13px;
  --text-base:    15px;
  --text-md:      17px;
  --text-lg:      20px;
  --text-xl:      24px;
  --text-2xl:     30px;
  --text-3xl:     36px;

  --container-width: 1240px;
  --container-pad:   20px;
  --header-height:   60px;
  --sidebar-width:   280px;
  --gap:             24px;
  --gap-sm:          16px;
  --gap-lg:          40px;

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;

  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:   0 8px 32px rgba(0,0,0,0.12);

  --transition: 0.2s ease;
}

[data-color-scheme="dark"] {
  --color-bg:            #0f0f0f;
  --color-bg-secondary:  #1a1a1a;
  --color-bg-card:       #1a1a1a;

  --color-text:          #f0f0f0;
  --color-text-muted:    #9ca3af;
  --color-text-light:    #6b7280;

  --color-border:        #2a2a2a;
  --color-border-light:  #222222;

  --color-link:          #e05560;
  --color-link-hover:    #f0f0f0;

  --color-primary:       #d9373f;
  --color-primary-hover: #be232b;
}