:root {
    --watts-irby-hue: 232;
    --watts-irby-saturation: 60%;

    --watts-irby-50: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 97%);
    --watts-irby-100: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 95%);
    --watts-irby-200: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 90%);
    --watts-irby-300: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 80%);
    --watts-irby-400: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 60%);
    --watts-irby-450: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 55%);
    --watts-irby-500: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 50%);
    --watts-irby-600: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 45%);
    --watts-irby-700: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 40%);
    --watts-irby-750: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 35%);
    --watts-irby-800: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 30%);
    --watts-irby-850: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 25%);
    --watts-irby-900: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 20%);
    --watts-irby-1000: hsl(var(--watts-irby-hue), var(--watts-irby-saturation), 10%);
}

/* watts theme for irby */
html[data-theme="usa-irby"] {
    --watts-contrast-brand: var(--watts-black);
    --watts-contrast-brand-bold: var(--watts-white);
    --watts-contrast-brand-boldest: var(--watts-white);

    --watts-contrast-interactive-brand: var(--watts-white);
    --watts-contrast-interactive-brand-hover: var(--watts-white);
    --watts-contrast-interactive-brand-pressed: var(--watts-white);

    --watts-content-brand: var(--watts-irby-500);
    --watts-content-brand-bold: var(--watts-irby-700);

    --watts-content-interactive-brand: var(--watts-irby-500);
    --watts-content-interactive-brand-hover: var(--watts-irby-600);

    --watts-bg-brand: var(--watts-irby-200);
    --watts-bg-brand-bold: var(--watts-irby-500);
    --watts-bg-brand-boldest: var(--watts-irby-700);

    --watts-bg-interactive-brand: var(--watts-irby-750);
    --watts-bg-interactive-brand-hover: var(--watts-irby-800);
    --watts-bg-interactive-brand-pressed: var(--watts-irby-850);

    --watts-bg-brand-accent-primary: #ff9e1b;
    --watts-bg-brand-accent-secondary: #e35205;
}