/* ============================================================
   VARIABLES — светлая тема
   Фирменные цвета: Forest Green #2A5C3F · Terracotta #C2683A
   ============================================================ */
:root
{
   /* --- Бренд (имена сохранены для совместимости со старыми CSS) --- */
   --brand-navy:       #2A5C3F;
   --brand-navy-dark:  #1F4530;
   --brand-navy-light: #3D7E55;
   --brand-red:        #C2683A;
   --brand-red-hover:  #A0532D;
   --brand-red-light:  #F7E8DD;
   --brand-red-muted:  #E8C4A8;

   /* --- Семантические алиасы --- */
   --brand-green:        var(--brand-navy);
   --brand-green-dark:   var(--brand-navy-dark);
   --brand-green-light:  var(--brand-navy-light);
   --brand-terra:        var(--brand-red);
   --brand-terra-hover:  var(--brand-red-hover);
   --brand-terra-light:  var(--brand-red-light);
   --brand-terra-muted:  var(--brand-red-muted);

   /* --- Цвета фона --- */
   --bg-app:         #f4f6f4;
   --bg-surface:     #ffffff;
   --bg-sidebar:     #1F3D2C;
   --bg-header:      #ffffff;
   --bg-input:       #ffffff;

   /* --- Шапка --- */
   --header-text:        var(--text-primary);
   --header-text-muted:  var(--text-muted);
   --header-hover-bg:    rgba(0, 0, 0, 0.06);
   --header-icon:        var(--brand-green);
   --bg-table-head:  #e8eee9;
   --bg-table-row:   #ffffff;
   --bg-table-alt:   #f5f8f5;
   --bg-table-hover: #e6efe8;
   --bg-overlay:     rgba(15, 35, 20, 0.5);

   /* --- Текст (основная зона) --- */
   --text-primary:   #1d2a22;
   --text-secondary: #4a5a4f;
   --text-muted:     #8a988e;
   --text-inverse:   #ffffff;
   --text-link:      var(--brand-red);
   --text-link-hover:var(--brand-red-hover);

   /* --- Текст сайдбара (поверх тёмного фона) --- */
   --sidebar-text:         #d8ede0;
   --sidebar-text-muted:   rgba(200, 220, 205, 0.7);
   --sidebar-hover-bg:     rgba(255, 255, 255, 0.1);
   --sidebar-active-bg:    rgba(255, 255, 255, 0.16);
   --sidebar-active-border:var(--brand-red);
   --sidebar-border:       rgba(255, 255, 255, 0.12);

   /* --- Акцент (терракот) --- */
   --accent:         var(--brand-red);
   --accent-hover:   var(--brand-red-hover);
   --accent-light:   var(--brand-red-light);
   --accent-muted:   var(--brand-red-muted);

   /* --- Статусы --- */
   --color-success:        #2e7d50;
   --color-success-bg:     #e8f5ee;
   --color-success-border: #a0d4b8;

   --color-warning:        #8a6200;
   --color-warning-bg:     #fff8e1;
   --color-warning-border: #f0d060;

   --color-error:          #c0261e;
   --color-error-bg:       #fdecea;
   --color-error-border:   #f0aaaa;

   --color-info:           #2d6e44;
   --color-info-bg:        #e8f1ec;
   --color-info-border:    #9ac0a8;

   /* --- Границы --- */
   --border-color:   #d8e0d8;
   --border-radius:  0.5rem;
   --border-radius-lg: 0.75rem;

   /* --- Тени --- */
   --shadow-sm:  0 0.0625rem 0.25rem rgba(31,69,48,0.08);
   --shadow-md:  0 0.25rem 1rem rgba(31,69,48,0.12);
   --shadow-lg:  0 0.5rem 2rem rgba(31,69,48,0.18);

   /* --- Типографика --- */
   /* --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;*/
   --font-family: 'Verdana', sans-serif;
   --font-size-base: 1rem;
   --font-size-sm:   0.875rem;
   --font-size-xs:   0.75rem;
   --font-size-lg:   1.125rem;
   --font-size-xl:   1.25rem;
   --font-size-h1:   1.75rem;
   --font-size-h2:   1.375rem;
   --line-height:    1.5;

   /* --- Отступы --- */
   --space-1:  0.25rem;
   --space-2:  0.5rem;
   --space-3:  0.75rem;
   --space-4:  1rem;
   --space-5:  1.25rem;
   --space-6:  1.5rem;
   --space-8:  2rem;
   --space-10: 2.5rem;
   --space-12: 3rem;

   /* --- Размеры раскладки --- */
   --header-height:  3.5rem;
   --sidebar-width:  15rem;
   --sidebar-collapsed: 3.5rem;

   /* --- Анимации --- */
   --transition: 0.2s ease;
   --transition-slow: 0.35s ease;
}

/* ============================================================
   ТЁМНАЯ ТЕМА
   ============================================================ */
[data-theme="dark"]
{
   --brand-navy:       #2F6645;
   --brand-navy-dark:  #18351F;
   --brand-navy-light: #3F8056;

   --bg-app:         #131c16;
   --bg-surface:     #1c2820;
   --bg-sidebar:     #0f1d14;
   --bg-header:      #0a1610;
   --bg-input:       #1c2820;

   --header-text:        rgba(255, 255, 255, 0.92);
   --header-text-muted:  rgba(255, 255, 255, 0.6);
   --header-hover-bg:    rgba(255, 255, 255, 0.1);
   --header-icon:        #d27a4a;
   --bg-table-head:  #1a2620;
   --bg-table-row:   #1c2820;
   --bg-table-alt:   #1f2c24;
   --bg-table-hover: #25372c;
   --bg-overlay:     rgba(0, 0, 0, 0.7);

   --text-primary:   #e6ede8;
   --text-secondary: #8aa098;
   --text-muted:     #4f6058;
   --text-inverse:   #0f1d14;
   --text-link:      #d88a5c;
   --text-link-hover:#e8a378;

   --sidebar-text:         rgba(255, 255, 255, 0.78);
   --sidebar-text-muted:   rgba(255, 255, 255, 0.36);
   --sidebar-hover-bg:     rgba(255, 255, 255, 0.07);
   --sidebar-active-bg:    rgba(255, 255, 255, 0.12);
   --sidebar-border:       rgba(255, 255, 255, 0.08);

   --accent:         #d27a4a;
   --accent-hover:   #b06133;
   --accent-light:   #2e1c12;
   --accent-muted:   #4a2e1c;

   --color-success:        #5ab878;
   --color-success-bg:     #0e2018;
   --color-success-border: #2a5038;

   --color-warning:        #d4a820;
   --color-warning-bg:     #201800;
   --color-warning-border: #604808;

   --color-error:          #e06060;
   --color-error-bg:       #280a0a;
   --color-error-border:   #5a1818;

   --color-info:           #5ca878;
   --color-info-bg:        #0e1f15;
   --color-info-border:    #1f3a28;

   --border-color:   #28382e;
   --shadow-sm:  0 0.0625rem 0.25rem rgba(0,0,0,0.35);
   --shadow-md:  0 0.25rem 1rem rgba(0,0,0,0.45);
   --shadow-lg:  0 0.5rem 2rem rgba(0,0,0,0.55);
}