@layer base {
  :root {
    --uikit-rounded-2xl: 18px;
    --uikit-rounded-lg: 8px;
    --uikit-rounded-full: 9999px;
    --uikit-colors-primary: #12122a;
    --uikit-colors-secondary: #616184;
    --uikit-colors-third: #27282c;
    --uikit-colors-reverse: #ffffff;
    --uikit-colors-border: #ebebf4;
    --uikit-colors-border-1: rgba(0, 0, 0, 0.1);
    --uikit-colors-line: #ebebf4;
    --uikit-background: #ffffff;
    --uikit-back-F5F5FA: #f5f5fa;
    --uikit-back-255-6: rgba(255, 255, 255, 0.6);
    --uikit-font-color-12122A: #12122a;
    --uikit-font-color-616184: #616184;
    --uikit-font-color-8989AB: #8989ab;
    --uikit-font-color-F5F5F9: #f5f5f9;
    --uikit-font-color-EBEBF4: #ebebf4;
    --uikit-font-color-F5F5FA: #f5f5fa;
    --uikit-font-color-C1C0D8: #c1c0d8;
    --uikit-font-color-E2E7F2: #e2e7f2;

    /** text color */
    --uikit-text-t1: #12122a;
    --uikit-text-t2: #616184;
    --uikit-text-t3: #8989ab;
    --uikit-text-t4: #c1c0d8;
    /** bg color */
    --uikit-background-l1: #ebebf4;
    --uikit-background-BG1: #ffffff;
    --uikit-background-BG2: #fcfcfd;
    --uikit-background-BG3: #f5f5fa;
    --uikit-background-BG4: #f5f5f9;
    --uikit-background-BG5: #ffffff;
  }
}

.uikit-dark {
  --uikit-colors-primary: #ffffff;
  --uikit-colors-secondary: #8989ab;
  --uikit-colors-third: #666666;
  --uikit-colors-reverse: #171717;
  --uikit-colors-border: rgba(68, 68, 68, 0.3);
  --uikit-colors-border-1: #282828;
  --uikit-colors-line: rgba(68, 68, 68, 0.5);

  --uikit-background: #12122a;
  --uikit-back-F5F5FA: #1b1b39;
  --uikit-back-255-6: rgba(18, 18, 42, 0.6);
  --uikit-font-color-12122A: #ffffff;
  --uikit-font-color-616184: #8989ab;
  --uikit-font-color-8989AB: #59597c;
  --uikit-font-color-F5F5F9: #12122a;
  --uikit-font-color-EBEBF4: #2b2b54;
  --uikit-font-color-F5F5FA: #1b1b39;
  --uikit-font-color-C1C0D8: #383868;
  --uikit-font-color-E2E7F2: #24244a;

  /** text color */
  --uikit-text-t1: #ffffff;
  --uikit-text-t2: #8989ab;
  --uikit-text-t3: #59597c;
  --uikit-text-t4: #383868;
  /** bg color */
  --uikit-background-l1: #2b2b54;
  --uikit-background-BG1: #12122a;
  --uikit-background-BG2: #181834;
  --uikit-background-BG3: #1b1b39;
  --uikit-background-BG4: #12122a;
  --uikit-background-BG5: #181834;
}