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

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

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

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

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

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

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

    /* Other */
    --background: #1d232a;
    --border-color: #2a2e37;

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

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