/* ============================================================
   Aesthetic Lash — переменные (светлая и тёмная темы)
   ============================================================ */

:root {
  /* Фоны */
  --bg:          #faf6f2;
  --bg-warm:     #f5ede6;
  --panel:       #ffffff;
  --panel2:      #fdf9f6;
  --panel3:      #f8f1eb;

  /* Границы */
  --border:      #ede4dc;
  --border2:     #e0d5ca;

  /* Текст */
  --text:        #3d3530;
  --text2:       #6b5f56;
  --muted:       #a89a8e;
  --muted2:      #c4b8ae;

  /* Акценты */
  --pink:        #e8a0b4;
  --pink-soft:   #f5d5de;
  --pink-bg:     #fdf0f4;
  --rose:        #d4849c;

  --lavender:    #b8a9d4;
  --lavender-bg: #f3f0fa;

  --peach:       #f0b89a;
  --peach-bg:    #fdf4ef;

  --mint:        #9dc4b8;
  --mint-bg:     #eef6f3;

  --gold:        #d4a960;
  --gold-bg:     #fdf6ea;

  /* Семантика */
  --green:       #7cb89d;
  --green-bg:    #eef6f1;
  --red:         #d48484;
  --red-bg:      #fdf0f0;
  --blue:        #8aacd4;
  --blue-bg:     #eef3fa;

  /* Тени */
  --shadow:      0 2px 12px rgba(180, 150, 130, 0.08);
  --shadow-lg:   0 8px 32px rgba(180, 150, 130, 0.12);

  /* Радиусы */
  --radius:      18px;
  --radius-sm:   12px;
  --radius-pill: 20px;

  /* Отступы (для единообразия) */
  --gap-xs:  4px;
  --gap-sm:  8px;
  --gap-md:  12px;
  --gap-lg:  16px;
  --gap-xl:  24px;

  /* Переходы */
  --transition:     0.18s ease;
  --transition-slow:0.30s ease;
}

/* ============================================================
   Тёмная тема
   ============================================================ */

[data-theme="dark"] {
  /* Фоны */
  --bg:          #1e1a18;
  --bg-warm:     #252019;
  --panel:       #2a2422;
  --panel2:      #322b28;
  --panel3:      #3a322e;

  /* Границы */
  --border:      #3d3430;
  --border2:     #4a3f3a;

  /* Текст */
  --text:        #f0e8e2;
  --text2:       #c4b8ae;
  --muted:       #8a7d72;
  --muted2:      #6b5f56;

  /* Акценты (приглушённые) */
  --pink:        #d4849c;
  --pink-soft:   #4a2d3a;
  --pink-bg:     #3a2830;
  --rose:        #e8a0b4;

  --lavender:    #9b8bc4;
  --lavender-bg: #2d2838;

  --peach:       #d49878;
  --peach-bg:    #3a2d24;

  --mint:        #7ca89a;
  --mint-bg:     #28352f;

  --gold:        #c49850;
  --gold-bg:     #3a3020;

  /* Семантика */
  --green:       #6ba888;
  --green-bg:    #28352e;
  --red:         #c47070;
  --red-bg:      #3a2828;
  --blue:        #7a9cc4;
  --blue-bg:     #28313d;

  /* Тени (глубже) */
  --shadow:      0 2px 12px rgba(0, 0, 0, 0.3);
  --shadow-lg:   0 8px 32px rgba(0, 0, 0, 0.5);
}