/* ============================================================
   VARIABLES — светлая тема
   Фирменные цвета: Navy #1B2D5B · Red #CC2E2A
   ============================================================ */
:root
{
   /* --- Бренд --- */
   --brand-navy:       #1B2D5B;
   --brand-navy-dark:  #162550;
   --brand-navy-light: #2d4480;
   --brand-red:        #CC2E2A;
   --brand-red-hover:  #A82420;
   --brand-red-light:  #FAEAEA;
   --brand-red-muted:  #F0C4C4;

   /* --- Цвета фона --- */
   --bg-app:         #f4f5f7;
   --bg-surface:     #ffffff;
   --bg-sidebar:     #1e3368;
   --bg-header:      #1B2D5B;
   --bg-input:       #ffffff;
   --bg-table-head:  #edf0f5;
   --bg-table-row:   #ffffff;
   --bg-table-alt:   #f7f8fb;
   --bg-table-hover: #eef1f8;
   --bg-overlay:     rgba(10, 20, 50, 0.5);

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

   /* --- Текст сайдбара (поверх тёмного фона) --- */
   --sidebar-text:         #d8e2f5;
   --sidebar-text-muted:   rgba(180, 200, 240, 0.65);
   --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:           #1b4fa0;
   --color-info-bg:        #e8eef9;
   --color-info-border:    #9ab4e0;

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

   /* --- Тени --- */
   --shadow-sm:  0 0.0625rem 0.25rem rgba(27,45,91,0.08);
   --shadow-md:  0 0.25rem 1rem rgba(27,45,91,0.12);
   --shadow-lg:  0 0.5rem 2rem rgba(27,45,91,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:       #1e3470;
   --brand-navy-dark:  #141f42;
   --brand-navy-light: #263d82;

   --bg-app:         #111827;
   --bg-surface:     #1c2436;
   --bg-sidebar:     #0f1a30;
   --bg-header:      #0a1020;
   --bg-input:       #1c2436;
   --bg-table-head:  #1a2238;
   --bg-table-row:   #1c2436;
   --bg-table-alt:   #1f2840;
   --bg-table-hover: #263354;
   --bg-overlay:     rgba(0, 0, 0, 0.7);

   --text-primary:   #e8edf5;
   --text-secondary: #8a9ab8;
   --text-muted:     #4a5878;
   --text-inverse:   #0f1a30;
   --text-link:      #e05050;
   --text-link-hover:#f07070;

   --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:         #e03a36;
   --accent-hover:   #c02c28;
   --accent-light:   #2e1818;
   --accent-muted:   #4a2020;

   --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:           #5888d0;
   --color-info-bg:        #0a1428;
   --color-info-border:    #1e3060;

   --border-color:   #263050;
   --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);
}