[data-fkt-theme="dark"] {
    /* Brand Colors */
    --fkt-color-brand-primary: #4b5563;
    --fkt-color-brand-secondary: #ffb940;

    /* Neutrals */
    --fkt-color-neutral-950: #f8fafc;
    --fkt-color-neutral-900: #f1f5f9;
    --fkt-color-neutral-800: #e2e8f0;
    --fkt-color-neutral-700: #cbd5e1;
    --fkt-color-neutral-600: #94a3b8;
    --fkt-color-neutral-500: #64748b;
    --fkt-color-neutral-400: #475569;
    --fkt-color-neutral-300: #334155;
    --fkt-color-neutral-200: #1e293b;
    --fkt-color-neutral-100: #0f172a;
    --fkt-color-neutral-50: #020617;

    --fkt-color-modal-background: #242A35;
    --fkt-color-neutral-background: #171a20;
    --fkt-color-card-background: #181D26;

    /* States */
    --fkt-color-disabled: var(--fkt-color-neutral-400);
    --fkt-color-on-disabled: var(--fkt-color-neutral-600);
    --fkt-color-focus-outline: var(--fkt-color-accent);

    /* Semantic Colors */

    /* PRIMARY */
    --fkt-color-primary: #eaeeff;
    --fkt-color-on-primary: #111827FF;
    --fkt-color-primary-hover: #b8c0e1;

    --fkt-color-primary-opacity-10: rgba(234, 238, 255, 0.1);
    --fkt-color-primary-opacity-20: rgba(234, 238, 255, 0.2);
    --fkt-color-primary-opacity-30: rgba(234, 238, 255, 0.3);
    --fkt-color-primary-opacity-40: rgba(234, 238, 255, 0.4);
    --fkt-color-primary-opacity-50: rgba(234, 238, 255, 0.5);
    --fkt-color-primary-opacity-60: rgba(234, 238, 255, 0.6);
    --fkt-color-primary-opacity-70: rgba(234, 238, 255, 0.7);
    --fkt-color-primary-opacity-80: rgba(234, 238, 255, 0.8);
    --fkt-color-primary-opacity-90: rgba(234, 238, 255, 0.9);

    /* ACCENT */
    --fkt-color-accent: #ffb940;
    --fkt-color-on-accent: #1F2937FF;
    --fkt-color-accent-hover: #ffc05b;

    --fkt-color-accent-opacity-10: rgba(255, 185, 64, 0.1);
    --fkt-color-accent-opacity-20: rgba(255, 185, 64, 0.2);
    --fkt-color-accent-opacity-30: rgba(255, 185, 64, 0.3);
    --fkt-color-accent-opacity-40: rgba(255, 185, 64, 0.4);
    --fkt-color-accent-opacity-50: rgba(255, 185, 64, 0.5);
    --fkt-color-accent-opacity-60: rgba(255, 185, 64, 0.6);
    --fkt-color-accent-opacity-70: rgba(255, 185, 64, 0.7);
    --fkt-color-accent-opacity-80: rgba(255, 185, 64, 0.8);
    --fkt-color-accent-opacity-90: rgba(255, 185, 64, 0.9);

    /* SUCCESS */
    --fkt-color-success: #00C950FF;
    --fkt-color-on-success: #F9fAFBFF;
    --fkt-color-success-hover: #00C950FF;

    --fkt-color-success-opacity-10: rgba(0, 201, 80, 0.1);
    --fkt-color-success-opacity-20: rgba(0, 201, 80, 0.2);
    --fkt-color-success-opacity-30: rgba(0, 201, 80, 0.3);
    --fkt-color-success-opacity-40: rgba(0, 201, 80, 0.4);
    --fkt-color-success-opacity-50: rgba(0, 201, 80, 0.5);
    --fkt-color-success-opacity-60: rgba(0, 201, 80, 0.6);
    --fkt-color-success-opacity-70: rgba(0, 201, 80, 0.7);
    --fkt-color-success-opacity-80: rgba(0, 201, 80, 0.8);
    --fkt-color-success-opacity-90: rgba(0, 201, 80, 0.9);

    /* WARNING */
    --fkt-color-warning: #FF6900FF;
    --fkt-color-on-warning: #F9fAFBFF;
    --fkt-color-warning-hover: #FF8904FF;

    --fkt-color-warning-opacity-10: rgba(255, 137, 4, 0.1);
    --fkt-color-warning-opacity-20: rgba(255, 137, 4, 0.2);
    --fkt-color-warning-opacity-30: rgba(255, 137, 4, 0.3);
    --fkt-color-warning-opacity-40: rgba(255, 137, 4, 0.4);
    --fkt-color-warning-opacity-50: rgba(255, 137, 4, 0.5);
    --fkt-color-warning-opacity-60: rgba(255, 137, 4, 0.6);
    --fkt-color-warning-opacity-70: rgba(255, 137, 4, 0.7);
    --fkt-color-warning-opacity-80: rgba(255, 137, 4, 0.8);
    --fkt-color-warning-opacity-90: rgba(255, 137, 4, 0.9);

    /* DANGER */
    --fkt-color-danger: #E64850;
    --fkt-color-on-danger: #F9fAFBFF;
    --fkt-color-danger-hover: #FB2C36FF;

    --fkt-color-danger-opacity-10: rgba(230, 72, 80, 0.1);
    --fkt-color-danger-opacity-20: rgba(230, 72, 80, 0.2);
    --fkt-color-danger-opacity-30: rgba(230, 72, 80, 0.3);
    --fkt-color-danger-opacity-40: rgba(230, 72, 80, 0.4);
    --fkt-color-danger-opacity-50: rgba(230, 72, 80, 0.5);
    --fkt-color-danger-opacity-60: rgba(230, 72, 80, 0.6);
    --fkt-color-danger-opacity-70: rgba(230, 72, 80, 0.7);
    --fkt-color-danger-opacity-80: rgba(230, 72, 80, 0.8);
    --fkt-color-danger-opacity-90: rgba(230, 72, 80, 0.9);

    /* INFO */
    --fkt-color-info: #4F86FF;
    --fkt-color-on-info: #F9fAFBFF;
    --fkt-color-info-hover: #2B7FFFFF;

    --fkt-color-info-opacity-10: rgba(79, 134, 255, 0.1);
    --fkt-color-info-opacity-20: rgba(79, 134, 255, 0.2);
    --fkt-color-info-opacity-30: rgba(79, 134, 255, 0.3);
    --fkt-color-info-opacity-40: rgba(79, 134, 255, 0.4);
    --fkt-color-info-opacity-50: rgba(79, 134, 255, 0.5);
    --fkt-color-info-opacity-60: rgba(79, 134, 255, 0.6);
    --fkt-color-info-opacity-70: rgba(79, 134, 255, 0.7);
    --fkt-color-info-opacity-80: rgba(79, 134, 255, 0.8);
    --fkt-color-info-opacity-90: rgba(79, 134, 255, 0.9);

    /* Text Colors */
    --fkt-color-text-base: var(--fkt-color-neutral-900);
    --fkt-color-text-muted: var(--fkt-color-neutral-600);
    --fkt-color-text-inverse: var(--fkt-color-neutral-100);

    /* Border */
    --fkt-color-border: var(--fkt-color-neutral-500);
}

