:root {
    /* The Cloud and AI Summit Brand Colors - Azure Blue Theme */
    --color-primary: #007FFF !important;
    --color-primary-dark: #0066CC;
    --white: #f9f9f9;
    --black: #222;
    --grey: #85888C;

    /* Theme Colors (Devent-style) */
    --theme-primary: #007FFF;
    --theme-primary-dark: #0066CC;
    --theme-primary-light: #3399FF;
    --theme-primary-rgb: 0, 127, 255;
    --theme-secondary: #333333;
    --theme-dark: #1a1a2e;
    --theme-light: #F8F9FA;
    --theme-white: #FFFFFF;
    --theme-success: #28a745;
    --theme-warning: #ffc107;
    --theme-danger: #dc3545;

    /* Primary Brand Blue - Azure (#007FFF) */
    --brand-blue-100: #e6f2ff;
    --brand-blue-200: #b3d9ff;
    --brand-blue-300: #80bfff;
    --brand-blue-400: #4da6ff;
    --brand-blue-500: #007FFF;
    /* Default Brand Color is always -500 */
    --brand-blue-600: #0072e6;
    --brand-blue-700: #0066cc;
    --brand-blue-800: #0059b3;
    --brand-blue-900: #004d99;

    /* Secondary Brand Purple (AI accent) */
    --brand-purple-100: #f0e6ff;
    --brand-purple-200: #d1b3ff;
    --brand-purple-300: #b380ff;
    --brand-purple-400: #944dff;
    --brand-purple-500: #6B21A8;
    /* Default Brand Color is always -500 */
    --brand-purple-600: #5c1d91;
    --brand-purple-700: #4e197a;
    --brand-purple-800: #401563;
    --brand-purple-900: #32114c;

    /* Cloud Grey */
    --brand-cloudgrey-100: #f8f9fa;
    --brand-cloudgrey-200: #eef0f3;
    --brand-cloudgrey-300: #e0e3e8;
    --brand-cloudgrey-400: #cdd2db;
    --brand-cloudgrey-500: #d2d6dd;
    /* Default Brand Color is always -500 */
    --brand-cloudgrey-600: #a8adb4;
    --brand-cloudgrey-700: #7e838a;
    --brand-cloudgrey-800: #555a61;
    --brand-cloudgrey-900: #2b2f33;

    /* Accent Teal (Cloud) */
    --brand-teal-100: #d4f6f6;
    --brand-teal-200: #a9eded;
    --brand-teal-300: #7ee2e2;
    --brand-teal-400: #53d6d6;
    --brand-teal-500: #14B8A6;
    /* Default Brand Color is always -500 */
    --brand-teal-600: #129e91;
    --brand-teal-700: #10857b;
    --brand-teal-800: #0d6b65;
    --brand-teal-900: #0b524f;

    /* Brand Black */
    --brand-black-100: #e5e5e5;
    --brand-black-200: #cccccc;
    --brand-black-300: #999999;
    --brand-black-400: #666666;
    --brand-black-500: #222222;
    /* Default Brand Color is always -500 */
    --brand-black-600: #1e1e1e;
    --brand-black-700: #1a1a1a;
    --brand-black-800: #151515;
    --brand-black-900: #111111;
    --brand-black-1000: #000000;

    /* Brand Grey */
    --brand-grey-050: #ffffff;
    --brand-grey-100: #f2f2f3;
    --brand-grey-200: #dcdde0;
    --brand-grey-300: #c5c7cb;
    --brand-grey-400: #aeb1b6;
    --brand-grey-500: #85888c;
    /* Default Brand Color is always -500 */
    --brand-grey-600: #74777a;
    --brand-grey-700: #626467;
    --brand-grey-800: #515254;
    --brand-grey-900: #3f4042;
}

/* Surface Colors (background colors of UI elements) */

.surface-primary-default {
    background-color: var(--brand-blue-500);
}

.surface-secondary-default {
    background-color: var(--brand-purple-500);
}

.primary-header {
    color: var(--brand-blue-500);
}

.text-on-dark-050 {
    color: var(--brand-grey-100);
}

.text-on-dark-100 {
    color: var(--brand-grey-050);
}

.text-on-dark-200 {
    color: var(--brand-grey-200);
}

.text-on-dark-300 {
    color: var(--brand-grey-300);
}

.primary-section {
    background-color: var(--brand-blue-600);
    color: var(--white);
}

.white {
    color: var(--white) !important;
}

.secondary-background-grey {
    background: #EDEDED;
}

.gradient-background-primary {
    background: linear-gradient(90deg, rgba(0, 77, 153, 1) 0%, rgba(0, 102, 204, 1) 35%, rgba(0, 127, 255, 1) 100%);
}

.gradient-background-primary-vertical {
    background: linear-gradient(0deg, rgba(0, 77, 153, 1) 0%, rgba(0, 102, 204, 1) 35%, rgba(0, 127, 255, 1) 100%);
}

.gradient-background-grey {
    background-image: linear-gradient(133deg, #fff 0, #e8e8e8 91%);
}