@layer custom {
  [data-theme="dracula"] {
      prefersdark: true;
      color-scheme: "dark";
      --color-base-100: #24273a;
      --color-base-200: #181926;
      --color-base-300: oklch(24.787% 0.019 277.508);
      --color-base-content: #cad3f5;
      --color-primary: #c6a0f6;
      --color-primary-content: oklch(15.092% 0.036 346.812);
      --color-secondary: #c6a0f6;
      --color-secondary-content: oklch(14.84% 0.029 301.883);
      --color-accent: #f5a97f;
      --color-accent-content: oklch(16.678% 0.024 66.558);
      --color-neutral: #363a4f;
      --color-neutral-content: oklch(87.889% 0.006 275.524);
      --color-info: #8aadf4;
      --color-info-content: oklch(17.652% 0.018 212.846);
      --color-success: #a6da95;
      --color-success-content: oklch(17.419% 0.043 148.024);
      --color-warning: #eed49f;
      --color-warning-content: oklch(19.106% 0.026 112.757);
      --color-error: #ed8796;
      --color-error-content: oklch(13.644% 0.041 24.43);
      --radius-selector: 1rem;
      --radius-field: 0.5rem;
      --radius-box: 1rem;
      --size-selector: 0.25rem;
      --size-field: 0.25rem;
      --border: 1px;
      --depth: 0;
      --noise: 0;
  }
}