/**************
 * daisyUI colors */
@media (prefers-color-scheme: light) {
  :root {
    /* Accent Colors */
    --accent: #37cdbe;
    --accent-100: #daf3f1;

    --accent-focus: #2aa79b;
    --accent-content: #ffffff;

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

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

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

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

    /* Other */
    --background: #ffffff;
    --border-color: #e5e7eb;

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

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