/* Generated by @eggspot/color-core — accent #4f6b31, gray #808080 */

:root {
  --radius: 6px;

  --background: #ffffff;

  --accent-1: #fcfdfb;
  --accent-2: #f7faf5;
  --accent-3: #eef4e9;
  --accent-4: #e3eddb;
  --accent-5: #d7e4cb;
  --accent-6: #c8dab8;
  --accent-7: #b4cb9f;
  --accent-8: #97b679;
  --accent-9: #4f6b31;
  --accent-10: #415c22;
  --accent-11: #577339;
  --accent-12: #28321e;

  --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-a1: #40800004;
  --accent-a2: #3380000a;
  --accent-a3: #3a800016;
  --accent-a4: #39800024;
  --accent-a5: #3b7b0034;
  --accent-a6: #3a7b0047;
  --accent-a7: #38750060;
  --accent-a8: #3a750086;
  --accent-a9: #254800ce;
  --accent-a10: #244300dd;
  --accent-a11: #274b00c6;
  --accent-a12: #0b1700e1;

  --gray-a1: #00000003;
  --gray-a2: #00000006;
  --gray-a3: #00000010;
  --gray-a4: #00000017;
  --gray-a5: #0000001f;
  --gray-a6: #00000027;
  --gray-a7: #00000031;
  --gray-a8: #00000044;
  --gray-a9: #00000072;
  --gray-a10: #0000007c;
  --gray-a11: #0000009b;
  --gray-a12: #000000df;

  --accent-contrast: #ffffff;
  --accent-surface: #f5f9f3cc;
  --accent-indicator: #4f6b31;
  --accent-track: #4f6b31;
  --gray-surface: #ffffffcc;
}

.dark {
  --background: #000000;

  --accent-1: #000000;
  --accent-2: #0f130c;
  --accent-3: #1c2514;
  --accent-4: #263615;
  --accent-5: #30441b;
  --accent-6: #3c5322;
  --accent-7: #48642a;
  --accent-8: #557630;
  --accent-9: #4f6b31;
  --accent-10: #415c22;
  --accent-11: #a3c880;
  --accent-12: #cfefb3;

  --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-a1: #00000000;
  --accent-a2: #caffa213;
  --accent-a3: #c1ff8a25;
  --accent-a4: #b4ff6436;
  --accent-a5: #b4ff6644;
  --accent-a6: #b9ff6953;
  --accent-a7: #b8ff6c64;
  --accent-a8: #b8ff6876;
  --accent-a9: #bdff756b;
  --accent-a10: #b5ff5f5c;
  --accent-a11: #d0ffa3c8;
  --accent-a12: #ddffbfef;

  --gray-a1: #00000000;
  --gray-a2: #ffffff12;
  --gray-a3: #ffffff1f;
  --gray-a4: #ffffff28;
  --gray-a5: #ffffff30;
  --gray-a6: #ffffff3a;
  --gray-a7: #ffffff48;
  --gray-a8: #ffffff60;
  --gray-a9: #ffffff6e;
  --gray-a10: #ffffff7b;
  --gray-a11: #ffffffb4;
  --gray-a12: #ffffffee;

  --accent-contrast: #ffffff;
  --accent-surface: #1e261880;
  --accent-indicator: #4f6b31;
  --accent-track: #4f6b31;
  --gray-surface: rgba(0, 0, 0, 0.05);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --accent-1: oklch(99.3% 0.0037 130.4);
      --accent-2: oklch(98.2% 0.0063 130.4);
      --accent-3: oklch(95.9% 0.016 130.4);
      --accent-4: oklch(93.3% 0.0255 130.4);
      --accent-5: oklch(90.3% 0.0366 130.4);
      --accent-6: oklch(86.5% 0.0494 130.4);
      --accent-7: oklch(81.4% 0.0658 130.4);
      --accent-8: oklch(73.8% 0.0905 130.4);
      --accent-9: oklch(49.1% 0.0906 130.4);
      --accent-10: oklch(44.1% 0.0906 130.4);
      --accent-11: oklch(52% 0.0906 130.4);
      --accent-12: oklch(30.2% 0.0371 130.4);

      --gray-1: oklch(99.1% 0 none);
      --gray-2: oklch(98.1% 0 none);
      --gray-3: oklch(95.3% 0 none);
      --gray-4: oklch(93% 0 none);
      --gray-5: oklch(90.8% 0 none);
      --gray-6: oklch(88.4% 0 none);
      --gray-7: oklch(85.1% 0 none);
      --gray-8: oklch(79.1% 0 none);
      --gray-9: oklch(64.3% 0 none);
      --gray-10: oklch(60.9% 0 none);
      --gray-11: oklch(50.3% 0 none);
      --gray-12: oklch(24.3% 0 none);

      --accent-a1: color(display-p3 0.2667 0.5137 0.0235 / 0.016);
      --accent-a2: color(display-p3 0.3176 0.5137 0.0235 / 0.04);
      --accent-a3: color(display-p3 0.2471 0.4824 0.0078 / 0.083);
      --accent-a4: color(display-p3 0.2392 0.4745 0.0078 / 0.134);
      --accent-a5: color(display-p3 0.2471 0.4627 0.0078 / 0.197);
      --accent-a6: color(display-p3 0.2392 0.4431 0.0039 / 0.267);
      --accent-a7: color(display-p3 0.2314 0.4275 0.0039 / 0.361);
      --accent-a8: color(display-p3 0.2353 0.4235 0 / 0.502);
      --accent-a9: color(display-p3 0.1451 0.251 0 / 0.781);
      --accent-a10: color(display-p3 0.1373 0.2314 0 / 0.836);
      --accent-a11: color(display-p3 0.1529 0.2627 0 / 0.75);
      --accent-a12: color(display-p3 0.0431 0.0824 0 / 0.875);

      --gray-a1: color(display-p3 0 0 0 / 0.0118);
      --gray-a2: color(display-p3 0 0 0 / 0.0235);
      --gray-a3: color(display-p3 0 0 0 / 0.0627);
      --gray-a4: color(display-p3 0 0 0 / 0.0902);
      --gray-a5: color(display-p3 0 0 0 / 0.1216);
      --gray-a6: color(display-p3 0 0 0 / 0.1529);
      --gray-a7: color(display-p3 0 0 0 / 0.1922);
      --gray-a8: color(display-p3 0 0 0 / 0.2667);
      --gray-a9: color(display-p3 0 0 0 / 0.4471);
      --gray-a10: color(display-p3 0 0 0 / 0.4863);
      --gray-a11: color(display-p3 0 0 0 / 0.6078);
      --gray-a12: color(display-p3 0 0 0 / 0.8745);

      --accent-surface: color(display-p3 0.9647 0.9765 0.9569 / 0.8);
      --accent-indicator: oklch(49.1% 0.0906 130.4);
      --accent-track: oklch(49.1% 0.0906 130.4);
      --gray-surface: color(display-p3 1 1 1 / 80%);
    }

    .dark {
      --accent-1: oklch(0% 0.015 130.4);
      --accent-2: oklch(18% 0.0153 130.4);
      --accent-3: oklch(25.1% 0.0327 130.4);
      --accent-4: oklch(30.8% 0.0572 130.4);
      --accent-5: oklch(35.9% 0.0684 130.4);
      --accent-6: oklch(41.1% 0.0789 130.4);
      --accent-7: oklch(46.5% 0.0906 130.4);
      --accent-8: oklch(52.5% 0.1056 130.4);
      --accent-9: oklch(49.1% 0.0906 130.4);
      --accent-10: oklch(44.1% 0.0906 130.4);
      --accent-11: oklch(78.9% 0.1056 130.4);
      --accent-12: oklch(91.3% 0.086 130.4);

      --gray-1: oklch(0% 0 none);
      --gray-2: oklch(18.4% 0 none);
      --gray-3: oklch(23.9% 0 none);
      --gray-4: oklch(27.6% 0 none);
      --gray-5: oklch(30.9% 0 none);
      --gray-6: oklch(34.7% 0 none);
      --gray-7: oklch(40.1% 0 none);
      --gray-8: oklch(48.7% 0 none);
      --gray-9: oklch(53.8% 0 none);
      --gray-10: oklch(58.4% 0 none);
      --gray-11: oklch(77% 0 none);
      --gray-12: oklch(94.9% 0 none);

      --accent-a1: color(display-p3 0 0 0 / 0);
      --accent-a2: color(display-p3 0.8392 0.9961 0.6824 / 0.075);
      --accent-a3: color(display-p3 0.8078 0.9961 0.5922 / 0.146);
      --accent-a4: color(display-p3 0.7608 1 0.4627 / 0.212);
      --accent-a5: color(display-p3 0.7765 1 0.4784 / 0.263);
      --accent-a6: color(display-p3 0.7922 1 0.4902 / 0.322);
      --accent-a7: color(display-p3 0.7882 1 0.5059 / 0.389);
      --accent-a8: color(display-p3 0.7882 1 0.4902 / 0.459);
      --accent-a9: color(display-p3 0.8039 1 0.5294 / 0.416);
      --accent-a10: color(display-p3 0.7804 1 0.4627 / 0.357);
      --accent-a11: color(display-p3 0.8549 1 0.6824 / 0.781);
      --accent-a12: color(display-p3 0.8941 1 0.7765 / 0.934);

      --gray-a1: color(display-p3 0 0 0 / 0);
      --gray-a2: color(display-p3 1 1 1 / 0.0706);
      --gray-a3: color(display-p3 1 1 1 / 0.1216);
      --gray-a4: color(display-p3 1 1 1 / 0.1569);
      --gray-a5: color(display-p3 1 1 1 / 0.1882);
      --gray-a6: color(display-p3 1 1 1 / 0.2275);
      --gray-a7: color(display-p3 1 1 1 / 0.2824);
      --gray-a8: color(display-p3 1 1 1 / 0.3765);
      --gray-a9: color(display-p3 1 1 1 / 0.4314);
      --gray-a10: color(display-p3 1 1 1 / 0.4824);
      --gray-a11: color(display-p3 1 1 1 / 0.7059);
      --gray-a12: color(display-p3 1 1 1 / 0.9333);

      --accent-surface: color(display-p3 0.1255 0.149 0.102 / 0.5);
      --accent-indicator: oklch(49.1% 0.0906 130.4);
      --accent-track: oklch(49.1% 0.0906 130.4);
      --gray-surface: color(display-p3 0 0 0 / 5%);
    }
  }
}