/******************
 * daisyUI colors */
@media (prefers-color-scheme: dark) {
  :root {
    /* Primary Colors */
    --daisy-primary: #661ae6;
    --daisy-primary-focus: #5014b8;
    --daisy-primary-content: #ffffff;

    /* Secondary Colors */
    --daisy-secondary: #d926a9;
    --daisy-secondary-focus: #bf1f97;
    --daisy-secondary-content: #ffffff;

    /* Accent Colors */
    --daisy-accent: #1fb2a6;
    --daisy-accent-focus: #1a938b;
    --daisy-accent-content: #ffffff;

    /* Neutral Colors */
    --daisy-neutral: #2a2e37;
    --daisy-neutral-focus: #16181d;
    --daisy-neutral-content: #ffffff;

    /* Base Colors */
    --daisy-base-100: #1d232a;
    --daisy-base-200: #191e24;
    --daisy-base-300: #15191e;
    --daisy-base-content: #a6adbb;

    /* State Colors */
    --daisy-info: #0ca6e9;
    --daisy-success: #2bd4bd;
    --daisy-warning: #f4c152;
    --daisy-error: #fb6f84;

    /* State Content Colors */
    --daisy-info-content: #000c14;
    --daisy-success-content: #00332d;
    --daisy-warning-content: #382800;
    --daisy-error-content: #470000;

    /* Other */
    --daisy-background: #1d232a;
    --daisy-border-color: #2a2e37;
    --daisy-ring: #661ae6;

    /** Other */
    --translucent-100: #262c32;
    --translucent-200: #34383e;
    --translucent-300: rgba(255, 255, 255, 0.1);

    --text-body: #69707a;
    --shadow-color-100: rgba(255, 255, 255, 0.1);
    --shadow-color-200: rgba(255, 255, 255, 0.2);
  }
}