/* Theme variables. Switch by setting body.theme-<name>. */

.theme-rose {
  --bg:        #fffaf6;
  --bg-2:      #f7eef3;
  --bg-soft:   #f0e0ea;
  --ink:       #3b2a36;
  --muted:     #8a7782;
  --line:      #ecd9e3;
  --accent:    #c98aa6;
  --accent-2:  #a35e7c;
  --accent-soft:#f7e0ea;
  --card:      #ffffff;
  --shadow:    0 30px 60px -28px rgba(110, 60, 90, .22), 0 6px 16px -10px rgba(110, 60, 90, .12);
  --hero-tint: rgba(40, 20, 35, .35);
}

.theme-sage {
  --bg:        #fbfaf5;
  --bg-2:      #eef2e9;
  --bg-soft:   #dde7d6;
  --ink:       #2f3a30;
  --muted:     #7a857a;
  --line:      #dde4d4;
  --accent:    #88a884;
  --accent-2:  #5a7a5e;
  --accent-soft:#e3ecdd;
  --card:      #ffffff;
  --shadow:    0 30px 60px -28px rgba(60, 80, 60, .22), 0 6px 16px -10px rgba(60, 80, 60, .12);
  --hero-tint: rgba(30, 45, 35, .38);
}

.theme-lavender {
  --bg:        #fbfaff;
  --bg-2:      #ece9f5;
  --bg-soft:   #d9d3ec;
  --ink:       #322a44;
  --muted:     #7e7691;
  --line:      #e0d8ec;
  --accent:    #9a86c2;
  --accent-2:  #6f5ea0;
  --accent-soft:#e6dff3;
  --card:      #ffffff;
  --shadow:    0 30px 60px -28px rgba(60, 50, 100, .22), 0 6px 16px -10px rgba(60, 50, 100, .12);
  --hero-tint: rgba(30, 25, 55, .38);
}

.theme-sunlit {
  --bg:        #fff9f3;
  --bg-2:      #fbeede;
  --bg-soft:   #f6dcc1;
  --ink:       #3d2a1f;
  --muted:     #8b7363;
  --line:      #efdcc6;
  --accent:    #d68f5e;
  --accent-2:  #a85e34;
  --accent-soft:#fbe2cd;
  --card:      #ffffff;
  --shadow:    0 30px 60px -28px rgba(120, 70, 30, .22), 0 6px 16px -10px rgba(120, 70, 30, .12);
  --hero-tint: rgba(60, 30, 15, .4);
}