/* Credikot Theme - Blue/Turquoise/Orange Color Palette */
:root {
    /* Logo background */
    --color-background-logo: #ffffff;

    /* Primary blue colors based on Credikot brand */
    --color-background-primary: #0D4F6C;
    --color-background-primary-50: #f0f9ff;
    --color-background-primary-100: #e0f2fe;
    --color-background-primary-200: #bae6fd;
    --color-background-primary-300: #7dd3fc;
    --color-background-primary-400: #38bdf8;
    --color-background-primary-500: #0ea5e9;
    --color-background-primary-600: #0284c7;
    --color-background-primary-700: #0369a1;
    --color-background-primary-800: #0D4F6C;
    --color-background-primary-900: #0c4a5e;
    --color-background-primary-950: #082f3a;

    /* Secondary turquoise accent */
    --color-accent-turquoise: #17B5B5;
    --color-accent-orange: #F7931E;

    /* Secondary and text colors */
    --color-background-secondary: #f5f7f9;
    --color-text-primary: #ffffff;
    --color-text-secondary: #0D4F6C;
    --color-text-secondary-muted: #4a6572;
    --color-text-secondary-muted-100: #6b8a99;

    /* Button colors - using turquoise as primary action */
    --color-btn-primary: #17B5B5;
    --color-btn-primary-hover: #149a9a;
    --color-btn-primary-text: #ffffff;
    --color-btn-success: #17B5B5;
    --color-btn-success-hover: #149a9a;
    --color-btn-success-text: #ffffff;
    --color-btn-secondary: #e2e8f0;
    --color-btn-secondary-hover: #cbd5e1;
    --color-btn-secondary-text: #0D4F6C;
}

/* Credikot uses solid colors */
.bg-logo {
    background-color: var(--color-background-logo);
}

.bg-primary {
    background-color: var(--color-background-primary);
}