/**************
 * daisyUI colors */
@media (prefers-color-scheme: light) {
  :root {
    /* Primary Colors */
    --daisy-primary: #570df8;
    --daisy-primary-focus: #4506cb;
    --daisy-primary-content: #ffffff;

    /* Secondary Colors */
    --daisy-secondary: #f000b8;
    --daisy-secondary-focus: #bd0091;
    --daisy-secondary-content: #ffffff;

    /* Accent Colors */
    --daisy-accent: #37cdbe;
    --daisy-accent-focus: #2aa79b;
    --daisy-accent-content: #ffffff;

    /* Neutral Colors */
    --daisy-neutral: #3d4451;
    --daisy-neutral-focus: #2a2e37;
    --daisy-neutral-content: #ffffff;

    /* Base Colors */
    --daisy-base-100: #ffffff;
    --daisy-base-200: #f2f2f2;
    --daisy-base-300: #e5e6e6;
    --daisy-base-content: #1f2937;

    /* State Colors */
    --daisy-info: #3abff8;
    --daisy-success: #36d399;
    --daisy-warning: #fbbd23;
    --daisy-error: #f87272;

    /* State Content Colors */
    --daisy-info-content: #002b3d;
    --daisy-success-content: #003320;
    --daisy-warning-content: #382800;
    --daisy-error-content: #470000;

    /* Other */
    --daisy-background: #ffffff;
    --daisy-border-color: #e5e7eb;
    --daisy-ring: #570df8;

    /* Translucent */
    --translucent-100: #f5f5f5;
    --translucent-200: #eeeeee;
    --translucent-300: rgba(0, 0, 0, 0.1);

    --text-body: #878a8f;
    --shadow-color-100: rgba(0, 0, 0, 0.1);
    --shadow-color-200: rgba(0, 0, 0, 0.2);
  }
}