/* Temas do Todo List da Nara (gerado) */
/* Cada tema tem versão clara e escura. data-mode: auto | light | dark */

[data-theme="salvia"] {
  --bg: #E8EDE4;
  --surface: #FBFCF9;
  --ink: #1F2B25;
  --muted: #66756B;
  --line: #D3DCCF;
  --accent: #5E2350;
  --accent-ink: #FFFFFF;
  --accent-soft: #EEDFEA;
  --late: #B23A26;
  --danger: #B23A26;
  color-scheme: light;
}
[data-theme="salvia"][data-mode="dark"] {
  --bg: #141A16;
  --surface: #1D241F;
  --ink: #E5ECE5;
  --muted: #95A398;
  --line: #2E3830;
  --accent: #D9A0CB;
  --accent-ink: #26121F;
  --accent-soft: #3A2635;
  --late: #F09A85;
  --danger: #F09A85;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="salvia"][data-mode="auto"] {
    --bg: #141A16;
    --surface: #1D241F;
    --ink: #E5ECE5;
    --muted: #95A398;
    --line: #2E3830;
    --accent: #D9A0CB;
    --accent-ink: #26121F;
    --accent-soft: #3A2635;
    --late: #F09A85;
    --danger: #F09A85;
    color-scheme: dark;
  }
}

[data-theme="oceano"] {
  --bg: #E4ECF0;
  --surface: #FAFCFD;
  --ink: #14262F;
  --muted: #5A6F7A;
  --line: #CBDAE1;
  --accent: #0F5C7A;
  --accent-ink: #FFFFFF;
  --accent-soft: #D4E8F1;
  --late: #B23A26;
  --danger: #B23A26;
  color-scheme: light;
}
[data-theme="oceano"][data-mode="dark"] {
  --bg: #0E171C;
  --surface: #16232A;
  --ink: #E2EDF2;
  --muted: #8DA3AE;
  --line: #24363F;
  --accent: #6CC3E0;
  --accent-ink: #062430;
  --accent-soft: #173544;
  --late: #F09A85;
  --danger: #F09A85;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="oceano"][data-mode="auto"] {
    --bg: #0E171C;
    --surface: #16232A;
    --ink: #E2EDF2;
    --muted: #8DA3AE;
    --line: #24363F;
    --accent: #6CC3E0;
    --accent-ink: #062430;
    --accent-soft: #173544;
    --late: #F09A85;
    --danger: #F09A85;
    color-scheme: dark;
  }
}

[data-theme="pessego"] {
  --bg: #F5E9E2;
  --surface: #FFFBF8;
  --ink: #2E1E17;
  --muted: #7A6157;
  --line: #E6D3C8;
  --accent: #B8401F;
  --accent-ink: #FFFFFF;
  --accent-soft: #F8DCD0;
  --late: #B23A26;
  --danger: #B23A26;
  color-scheme: light;
}
[data-theme="pessego"][data-mode="dark"] {
  --bg: #1B1310;
  --surface: #251A16;
  --ink: #F2E6E0;
  --muted: #A8918A;
  --line: #3A2A24;
  --accent: #F08A6A;
  --accent-ink: #2A0F06;
  --accent-soft: #45231A;
  --late: #F09A85;
  --danger: #F09A85;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="pessego"][data-mode="auto"] {
    --bg: #1B1310;
    --surface: #251A16;
    --ink: #F2E6E0;
    --muted: #A8918A;
    --line: #3A2A24;
    --accent: #F08A6A;
    --accent-ink: #2A0F06;
    --accent-soft: #45231A;
    --late: #F09A85;
    --danger: #F09A85;
    color-scheme: dark;
  }
}

[data-theme="lavanda"] {
  --bg: #ECEAF5;
  --surface: #FCFBFF;
  --ink: #221F33;
  --muted: #6B6785;
  --line: #D9D5EA;
  --accent: #4B3FA8;
  --accent-ink: #FFFFFF;
  --accent-soft: #E0DCF6;
  --late: #B23A26;
  --danger: #B23A26;
  color-scheme: light;
}
[data-theme="lavanda"][data-mode="dark"] {
  --bg: #14131D;
  --surface: #1D1B29;
  --ink: #E8E6F3;
  --muted: #9C98B5;
  --line: #2D2A3E;
  --accent: #A9A0F2;
  --accent-ink: #17123A;
  --accent-soft: #2E2950;
  --late: #F09A85;
  --danger: #F09A85;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="lavanda"][data-mode="auto"] {
    --bg: #14131D;
    --surface: #1D1B29;
    --ink: #E8E6F3;
    --muted: #9C98B5;
    --line: #2D2A3E;
    --accent: #A9A0F2;
    --accent-ink: #17123A;
    --accent-soft: #2E2950;
    --late: #F09A85;
    --danger: #F09A85;
    color-scheme: dark;
  }
}

[data-theme="oliva"] {
  --bg: #EFEFE2;
  --surface: #FDFDF6;
  --ink: #23260F;
  --muted: #6A6D52;
  --line: #DDDEC4;
  --accent: #4A6300;
  --accent-ink: #FFFFFF;
  --accent-soft: #E1E9C2;
  --late: #B23A26;
  --danger: #B23A26;
  color-scheme: light;
}
[data-theme="oliva"][data-mode="dark"] {
  --bg: #15160D;
  --surface: #1E2014;
  --ink: #EEF0DD;
  --muted: #A2A588;
  --line: #31341F;
  --accent: #C3E25A;
  --accent-ink: #1C2400;
  --accent-soft: #2F3A12;
  --late: #F09A85;
  --danger: #F09A85;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="oliva"][data-mode="auto"] {
    --bg: #15160D;
    --surface: #1E2014;
    --ink: #EEF0DD;
    --muted: #A2A588;
    --line: #31341F;
    --accent: #C3E25A;
    --accent-ink: #1C2400;
    --accent-soft: #2F3A12;
    --late: #F09A85;
    --danger: #F09A85;
    color-scheme: dark;
  }
}

[data-theme="rosa"] {
  --bg: #F6E8ED;
  --surface: #FFFBFC;
  --ink: #33161F;
  --muted: #81606A;
  --line: #EBD2DA;
  --accent: #A8235A;
  --accent-ink: #FFFFFF;
  --accent-soft: #F6D5E1;
  --late: #B23A26;
  --danger: #B23A26;
  color-scheme: light;
}
[data-theme="rosa"][data-mode="dark"] {
  --bg: #1C1015;
  --surface: #27171E;
  --ink: #F5E5EB;
  --muted: #AD8E99;
  --line: #3E2630;
  --accent: #F38BB0;
  --accent-ink: #3A0A1C;
  --accent-soft: #4A1F30;
  --late: #F09A85;
  --danger: #F09A85;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="rosa"][data-mode="auto"] {
    --bg: #1C1015;
    --surface: #27171E;
    --ink: #F5E5EB;
    --muted: #AD8E99;
    --line: #3E2630;
    --accent: #F38BB0;
    --accent-ink: #3A0A1C;
    --accent-soft: #4A1F30;
    --late: #F09A85;
    --danger: #F09A85;
    color-scheme: dark;
  }
}

[data-theme="grafite"] {
  --bg: #EDEDEB;
  --surface: #FFFFFF;
  --ink: #1A1A1A;
  --muted: #6B6B6B;
  --line: #D9D9D6;
  --accent: #1F1F1F;
  --accent-ink: #FFFFFF;
  --accent-soft: #E3E3E0;
  --late: #B23A26;
  --danger: #B23A26;
  color-scheme: light;
}
[data-theme="grafite"][data-mode="dark"] {
  --bg: #121212;
  --surface: #1C1C1C;
  --ink: #EDEDED;
  --muted: #9A9A9A;
  --line: #2E2E2E;
  --accent: #F0F0F0;
  --accent-ink: #121212;
  --accent-soft: #2E2E2E;
  --late: #F09A85;
  --danger: #F09A85;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="grafite"][data-mode="auto"] {
    --bg: #121212;
    --surface: #1C1C1C;
    --ink: #EDEDED;
    --muted: #9A9A9A;
    --line: #2E2E2E;
    --accent: #F0F0F0;
    --accent-ink: #121212;
    --accent-soft: #2E2E2E;
    --late: #F09A85;
    --danger: #F09A85;
    color-scheme: dark;
  }
}