/* Theme color definitions */

@theme static {
    --color-black:      oklch(0% 0 0);
    --color-white:      oklch(100% 0 0);

    --color-background: oklch(89.75% 0 0);
    --color-text:       var(--color-black);

    --color-cwc-blue-01:   oklch(47.31% 0.1141 242.9);
    --color-cwc-blue-02:   oklch(28.99% 0.0614 237.9);
    --color-cwc-blue-03:   oklch(80.63% 0.0724 230.4);
    --color-cwc-orange-01: oklch(63.53% 0.1751 29.61);

    --color-primary:     var(--color-cwc-blue-01);
    --color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white);
    --color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white);
    --color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white);
    --color-primary-400: color-mix(in oklch, var(--color-primary) 40%, white);
    --color-primary-500: color-mix(in oklch, var(--color-primary) 50%, white);
    --color-primary-600: color-mix(in oklch, var(--color-primary) 60%, white);
    --color-primary-700: color-mix(in oklch, var(--color-primary) 70%, white);
    --color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white);
    --color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white);

    --color-secondary:     var(--color-cwc-orange-01);
    --color-secondary-accessible: #c43c2b;
    --color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white);
    --color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white);
    --color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white);
    --color-secondary-400: color-mix(in oklch, var(--color-secondary) 40%, white);
    --color-secondary-500: color-mix(in oklch, var(--color-secondary) 50%, white);
    --color-secondary-600: color-mix(in oklch, var(--color-secondary) 60%, white);
    --color-secondary-700: color-mix(in oklch, var(--color-secondary) 70%, white);
    --color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white);
    --color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white);

    --color-bodylinks: oklch(0.48 0.0789 211.58);
    --color-footlinks: oklch(0.65 0.1104 212.2);

    --color-pullquote-bg: color-mix(in oklch, var(--color-cwc-blue-03) 30%, transparent);

    --color-success:   oklch(64.01% 0.1751 146.7);
    --color-info:      oklch(0.55 0.0922 211.57);
    --color-warning:   oklch(84.42% 0.1722 84.93);
    --color-danger:    oklch(0.5126 0.1865 22.61);
    --color-light:     oklch(98.16% 0.0017 247.8);
    --color-dark:      oklch(34.51% 0.0133 248.2);

    /* Gradients */
    --background-image-gradient-1: linear-gradient(180deg, rgba(242, 107, 83, 0) 39.55%, rgba(242, 107, 83, 0.2) 100%);
    --background-image-button-gradient: linear-gradient(93.03deg, #F26B53 0%, #D24D32 100%);
}
