/* Theme specific pallete */
:root {
    --white: #fff;
    --neutral-background: #f9f9f9;
    --neutral-foreground: #737882;

    --brand-primary: #416f9d;
    --accomplish-green: #8bc160;
    --keys-pink: #f50d92;
    --peak-purple: #400ca0;
}

:root,
[class*="umb-block-grid"],
[data-theme="dark"] [class*="umb-block-grid"] {
    
    /* Overrides of default theme */
    --primary-100: var(--brand-primary, #416f9d);
    --primary-200: var(--brand-primary, #416f9d);
    --primary-300: var(--brand-primary, #416f9d);
    --primary-400: var(--brand-primary, #416f9d);
    --primary-500: var(--brand-primary, #416f9d);
    --primary-600: var(--brand-primary, #416f9d);
    --primary-700: var(--brand-primary, #416f9d);
    --primary-800: var(--brand-primary, #416f9d);
    --primary-900: var(--brand-primary, #416f9d);


    --neutral-100: var(--white, #fff);
    --neutral-200: var(--white, #fff);
    --neutral-300: var(--white, #fff);
    --neutral-400: var(--neutral-background, #f9f9f9);
    --neutral-500: var(--neutral-background, #f9f9f9);
    --neutral-600: var(--neutral-background, #f9f9f9);
    --neutral-700: var(--neutral-background, #f9f9f9);
    --neutral-800: var(--neutral-background, #f9f9f9);
    --neutral-900: var(--neutral-background, #f9f9f9);
    
    --background: var(--white, #fff);
    --foreground: var(--dark-900);

    --border: var(--neutral-background, #f9f9f9);
    --ring: var(--dark-900);
    
    --muted: var(--neutral-background, #f9f9f9);
    --muted-foreground: var(--neutral-foreground, #737882);
}



.h1,
.prose h1,
.h2, 
.prose h2,
.h6 {
    color: var(--primary-900) !important;
}