/* Generated by @eggspot/color-core — accent #0d9488, gray #808080 */

:root {
  --radius: 8px;

  --background: #ffffff;

  --accent-1: #fafefd;
  --accent-2: #f4faf9;
  --accent-3: #e6f5f2;
  --accent-4: #d6efeb;
  --accent-5: #c4e8e2;
  --accent-6: #aedfd7;
  --accent-7: #8fd2c9;
  --accent-8: #5dbfb3;
  --accent-9: #0d9488;
  --accent-10: #10857b;
  --accent-11: #007a6f;
  --accent-12: #13332f;

  --gray-1: #fcfcfc;
  --gray-2: #f9f9f9;
  --gray-3: #efefef;
  --gray-4: #e8e8e8;
  --gray-5: #e0e0e0;
  --gray-6: #d8d8d8;
  --gray-7: #cecece;
  --gray-8: #bbbbbb;
  --gray-9: #8d8d8d;
  --gray-10: #838383;
  --gray-11: #646464;
  --gray-12: #202020;

  --accent-contrast: #ffffff;
  --accent-surface: #f1f9f8cc;
  --accent-indicator: #0d9488;
  --accent-track: #0d9488;
  --gray-surface: #ffffffcc;
}

.dark {
  --background: #000000;

  --accent-1: #000000;
  --accent-2: #0d1312;
  --accent-3: #152422;
  --accent-4: #15332f;
  --accent-5: #1a3f3b;
  --accent-6: #1f4d47;
  --accent-7: #265d56;
  --accent-8: #30726a;
  --accent-9: #0d9488;
  --accent-10: #00877b;
  --accent-11: #61cbbe;
  --accent-12: #bff3eb;

  --gray-1: #000000;
  --gray-2: #121212;
  --gray-3: #1f1f1f;
  --gray-4: #282828;
  --gray-5: #303030;
  --gray-6: #3a3a3a;
  --gray-7: #484848;
  --gray-8: #606060;
  --gray-9: #6e6e6e;
  --gray-10: #7b7b7b;
  --gray-11: #b4b4b4;
  --gray-12: #eeeeee;

  --accent-contrast: #ffffff;
  --accent-surface: #1a262480;
  --accent-indicator: #0d9488;
  --accent-track: #0d9488;
  --gray-surface: rgba(0, 0, 0, 0.05);
}