/* =============================================
   VERDE PARK — Дизайн-токени
   ============================================= */

:root {
  /* === Основні кольори === */
  --green:        #9EC73E;
  --green-dark:   #88B22F;
  --white:        #FFFFFF;

  /* === Фони === */
  --sidebar-bg:       #FFFFFF;
  --page-bg:          #FFFFFF;
  --section-bg:       #F4F6F6;
  --nav-active-bg:    #F1F0F0;
  --content-area-bg:  #E5EDF1;
  --pt-bg:            #E8ECF1;

  /* === Текст === */
  --text-dark:    #2A2A2A;
  --text-heading: #1C1C1C;
  --text-muted:   #6A6A6A;

  /* === Іконки === */
  --icon-bg:      #1A1A1A;

  /* === UI-елементи === */
  --divider:           #E8ECEE;
  --input-border:      #D4DCE0;
  --placeholder:       #B0BCC2;
  --filter-inactive:   #DDE2E2;
  --filter-hover:      #C8CFCF;

  /* === Таймлайн === */
  --timeline-line:      #DDE0E0;
  --timeline-dot:       #D0D5D5;
  --timeline-dot-done:  #B0B8B8;

  /* === Стан помилки / успіху === */
  --error:        #D9534F;
  --success-text: #4A6E10;

  /* === Геометрія === */
  --radius:       6px;
  --shadow:       0 6px 24px rgba(0,0,0,.08);

  /* === Ширини === */
  --sidebar-w:    350px;
  --sidebar-w-md: 280px;

  /* === Шрифти === */
  --font-museo:      'Plus Jakarta Sans', sans-serif;
  --font-heading:    'Plus Jakarta Sans', sans-serif;
  --font-body:       'Plus Jakarta Sans', sans-serif;
  --font-montserrat: 'Montserrat', sans-serif;

  /* === Відступи === */
  --gap-xs:  8px;
  --gap-sm:  16px;
  --gap-md:  24px;
  --gap-lg:  40px;
  --gap-xl:  64px;
}