/* Generated at: 1769647320 */
/* 
 * Dynamic Theme CSS - Ocean Blue
 * Generated from database theme settings
 * Auto-generated color scales using Flowbite Pro standards
 */

:root {
    /* Primary color scale */
    --color-primary-50: #f5f8fa;
    --color-primary-100: #e7f0f3;
    --color-primary-200: #bce7fb;
    --color-primary-300: #8cd6f8;
    --color-primary-400: #57c4f5;
    --color-primary-500: #0ea5e9;
    --color-primary-600: #0ea7ec;
    --color-primary-700: #0ea4e7;
    --color-primary-800: #096690;
    --color-primary-900: #0b4965;
    --color-primary-950: #083245;

    /* Gray color scale */
    --color-gray-50: #f7f7f8;
    --color-gray-100: #ecedee;
    --color-gray-200: #d5dae1;
    --color-gray-300: #b8c0cc;
    --color-gray-400: #97a3b4;
    --color-gray-500: #64748b;
    --color-gray-600: #697991;
    --color-gray-700: #66778e;
    --color-gray-800: #404a59;
    --color-gray-900: #303740;
    --color-gray-950: #21252c;

    /* Success color scale */
    --color-success-50: #f4faf8;
    --color-success-100: #e6f4f0;
    --color-success-200: #bafde8;
    --color-success-300: #89fbd8;
    --color-success-400: #52f9c5;
    --color-success-500: #059669;
    --color-success-600: #08f2a9;
    --color-success-700: #08eda6;
    --color-success-800: #059468;
    --color-success-900: #09674a;
    --color-success-950: #064632;

    /* Warning color scale */
    --color-warning-50: #faf8f4;
    --color-warning-100: #f4eee6;
    --color-warning-200: #fddeba;
    --color-warning-300: #fcc688;
    --color-warning-400: #faac51;
    --color-warning-500: #d97706;
    --color-warning-600: #f38507;
    --color-warning-700: #ee8307;
    --color-warning-800: #955204;
    --color-warning-900: #683b08;
    --color-warning-950: #472906;

    /* Danger color scale */
    --color-danger-50: #faf5f5;
    --color-danger-100: #f2e8e8;
    --color-danger-200: #f5c2c2;
    --color-danger-300: #ee9696;
    --color-danger-400: #e66565;
    --color-danger-500: #dc2626;
    --color-danger-600: #d72323;
    --color-danger-700: #d32222;
    --color-danger-800: #841515;
    --color-danger-900: #5d1414;
    --color-danger-950: #3f0d0d;

    /* Info color scale */
    --color-info-50: #f4f8fa;
    --color-info-100: #e6eff4;
    --color-info-200: #b8e6fe;
    --color-info-300: #86d5fe;
    --color-info-400: #4ec2fd;
    --color-info-500: #0284c7;
    --color-info-600: #02a4f7;
    --color-info-700: #02a1f2;
    --color-info-800: #026497;
    --color-info-900: #07486a;
    --color-info-950: #053148;

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

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

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