/* Generated at: 1771126317 */
/* 
 * Dynamic Theme CSS - Dark Mode
 * Generated from database theme settings
 * Auto-generated color scales using Flowbite Pro standards
 */

:root {
    /* Primary color scale */
    --color-primary-50: #f4f7fa;
    --color-primary-100: #e6ecf4;
    --color-primary-200: #bad8fd;
    --color-primary-300: #88bcfb;
    --color-primary-400: #529dfa;
    --color-primary-500: #60a5fa;
    --color-primary-600: #0871f2;
    --color-primary-700: #076eed;
    --color-primary-800: #054594;
    --color-primary-900: #093368;
    --color-primary-950: #062347;

    /* Gray color scale */
    --color-gray-50: #f7f7f8;
    --color-gray-100: #ecedef;
    --color-gray-200: #d4dae2;
    --color-gray-300: #b6bfce;
    --color-gray-400: #95a2b7;
    --color-gray-500: #374151;
    --color-gray-600: #657795;
    --color-gray-700: #637592;
    --color-gray-800: #3e495b;
    --color-gray-900: #2e3642;
    --color-gray-950: #20252d;

    /* Success color scale */
    --color-success-50: #f5f9f8;
    --color-success-100: #e9f2ee;
    --color-success-200: #c4f2e2;
    --color-success-300: #9ae9cc;
    --color-success-400: #6cdfb5;
    --color-success-500: #34d399;
    --color-success-600: #2dcd93;
    --color-success-700: #2cc990;
    --color-success-800: #1b7e5a;
    --color-success-900: #185941;
    --color-success-950: #103c2c;

    /* Warning color scale */
    --color-warning-50: #faf9f4;
    --color-warning-100: #f4f0e6;
    --color-warning-200: #feebb9;
    --color-warning-300: #fddc87;
    --color-warning-400: #fccc50;
    --color-warning-500: #fbbf24;
    --color-warning-600: #f5b204;
    --color-warning-700: #f0af04;
    --color-warning-800: #966d03;
    --color-warning-900: #694e07;
    --color-warning-950: #473505;

    /* Danger color scale */
    --color-danger-50: #faf5f5;
    --color-danger-100: #f4e7e7;
    --color-danger-200: #fcbbbb;
    --color-danger-300: #f98a8a;
    --color-danger-400: #f75555;
    --color-danger-500: #f87171;
    --color-danger-600: #ee0c0c;
    --color-danger-700: #e90c0c;
    --color-danger-800: #920707;
    --color-danger-900: #660a0a;
    --color-danger-950: #450707;

    /* Info color scale */
    --color-info-50: #f4f8fa;
    --color-info-100: #e6f0f4;
    --color-info-200: #bae8fd;
    --color-info-300: #89d8fb;
    --color-info-400: #53c6f9;
    --color-info-500: #38bdf8;
    --color-info-600: #08aaf1;
    --color-info-700: #08a6ec;
    --color-info-800: #056894;
    --color-info-900: #094a67;
    --color-info-950: #063346;

    /* Basic colors */
    --color-white: #ffffff;
    --color-black: #000000;

    /* Typography */
    --font-family: 'Inter, sans-serif';
    --heading-font: 'Inter, sans-serif';

    /* Component styles */
    --button-radius: 0.375rem;
    --button-padding: 0.5rem 1rem;
    --logo-height: 2rem;
    --content-width: 1280px;
}