/* Light Theme Variables */
[data-theme='xcert_light'] {
    /* Base colors */
    --theme-base-100: #FFFFFF;
    --theme-base-150: #F8F8F8;
    --theme-base-200: #F2F2F2;  /*#DBEAFE*/
    --theme-base-250: #DCDCDC;
    --theme-base-300: #c4c6c6;
    --theme-base-400: #b4b6b6;
    --theme-base-content: #1F2937;

    /* Primary */
    --theme-primary: #374151;
    --theme-primary-focus: #1f272e;
    --theme-primary-content: #FFFFFF;

    /* Secondary */
    --theme-secondary: #DCDCDC;  /*#f1eedb*/
    --theme-secondary-focus: #c4c6c6;  /*#d5d2c3*/
    --theme-secondary-content: #000000;

    /* Accent */
    --theme-accent: #90EE90;
    --theme-accent-focus: #98FB98;
    --theme-accent-content: #FFFFFF;

    /* Status colors */
    --theme-info: #DBEAFE;
    --theme-info-content: #002B3D;
    --theme-success: #36D399;
    --theme-success-content: #003320;
    --theme-warning: #FBBD23;
    --theme-warning-content: #382800;
    --theme-error: #ff5959;
    --theme-error-content: #470000;

    /* States */
    --theme-disabled: #9CA3AF;
    --theme-disabled-content: #D1D5DB;
}

/* Dark Theme Variables */
[data-theme='xcert_dark'] {
    /* Base colors */
    --theme-base-100: #1F2937;
    --theme-base-200: #374151;
    --theme-base-300: #4B5563;
    --theme-base-content: #F9FAFB;

    /* Primary */
    --theme-primary: #FF8DA1;
    --theme-primary-focus: #FF6B85;
    --theme-primary-content: #FFFFFF;

    /* Secondary */
    --theme-secondary: #8080FF;
    --theme-secondary-focus: #6060FF;
    --theme-secondary-content: #FFFFFF;

    /* Accent */
    --theme-accent: #70C870;
    --theme-accent-focus: #60B860;
    --theme-accent-content: #FFFFFF;

    /* Status colors */
    --theme-info: #0EA5E9;
    --theme-info-content: #E0F2FE;
    --theme-success: #22C55E;
    --theme-success-content: #DCFCE7;
    --theme-warning: #EAB308;
    --theme-warning-content: #FEF9C3;
    --theme-error: #EF4444;
    --theme-error-content: #FEE2E2;

    /* States */
    --theme-disabled: #6B7280;
    --theme-disabled-content: #9CA3AF;

    /* Navbar */
    --theme-navbar-padding: 0;
}