:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.1450 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.1450 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.1450 0 0);
  --primary: oklch(0.6030 0.0610 236.3000);
  --primary-foreground: oklch(0.9761 0 0);
  --secondary: oklch(0.5999 0 0);
  --secondary-foreground: oklch(1.0000 0 0);
  --muted: oklch(0.9700 0 0);
  --muted-foreground: oklch(0.5560 0 0);
  --accent: oklch(0.5032 0.1098 26.0419);
  --accent-foreground: oklch(1.0000 0 0);
  --destructive: oklch(0.5770 0.2450 27.3250);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.9220 0 0);
  --input: oklch(0.9220 0 0);
  --ring: oklch(0.7080 0 0);
  --chart-1: oklch(0.8100 0.1000 252);
  --chart-2: oklch(0.6200 0.1900 260);
  --chart-3: oklch(0.5500 0.2200 263);
  --chart-4: oklch(0.4900 0.2200 264);
  --chart-5: oklch(0.4200 0.1800 266);
  --sidebar: oklch(0.9850 0 0);
  --sidebar-foreground: oklch(0.1450 0 0);
  --sidebar-primary: oklch(0.2050 0 0);
  --sidebar-primary-foreground: oklch(0.9850 0 0);
  --sidebar-accent: oklch(0.9700 0 0);
  --sidebar-accent-foreground: oklch(0.2050 0 0);
  --sidebar-border: oklch(0.9220 0 0);
  --sidebar-ring: oklch(0.7080 0 0);
  --font-sans: PT Sans, ui-sans-serif, sans-serif, system-ui;
  --font-serif: PT Serif, ui-serif, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.625rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: oklch(0 0 0);
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
  
  --blue: #5d87a1; /* base blue. rgb(93, 135, 161) in logo; oklch(0.603 0.061 236.3) as a pure conversion */
  --blue-xxlt: #d4dfe6;
  
  --reddish: #994842;
  
  --grey: #808080; /* in logo */
  --grey-xxlt: #f7f7f7;
  --grey-xlt: #e3e3e3;
  --grey-lt: #c6c6c6;
  --grey-dk: #585858; /* in logo */
  --grey-xdk: #333;
  
  /* Blues from OKLCH.fyi */
  --blue-xxxdk: oklch(0.203 0.021 236.3);
  --blue-xxdk: oklch(0.296 0.030 236.3);
  --blue-xdk: oklch(0.389 0.039 236.3);
  --blue-dk: oklch(0.483 0.049 236.3);
  --blue-base: oklch(0.576 0.058 236.3); /*  #5d87a1 in this shades context */
  --blue-lt: oklch(0.670 0.068 236.3);
  --blue-xlt: oklch(0.763 0.066 236.3);
  --blue-xxlt: oklch(0.857 0.038 236.3);
  --blue-xxxlt: oklch(0.950 0.013 236.3);
  
  --church-year-blue: #1f0da6;
  --church-year-green: #00630D;
  --church-year-purple: #701D8F;
  --church-year-red: #A3050A;
  --church-year-white: #FFBF00;
  
  --fc-small-font-size: .85em; /* original */
  --fc-page-bg-color: #fff; /* original */
  --fc-neutral-bg-color: hsla(0, 0%, 82%, .3); /* original */
  --fc-neutral-text-color: grey; /* original */
  --fc-border-color: #ddd; /* original */
  --fc-button-text-color: #fff; /* original */
  --fc-button-bg-color: var(--primary);
  --fc-button-border-color: var(--primary); 
  --fc-button-hover-bg-color: #1e2b37; /* original */
  --fc-button-hover-border-color: #1a252f; /* original */
  --fc-button-active-bg-color: #1a252f; /* original */
  --fc-button-active-border-color: #151e27; /* original */
  --fc-event-bg-color: #3788d8; /* original */
  --fc-event-border-color: #3788d8; /* original */
  --fc-event-text-color: #fff; /* original */
  --fc-event-selected-overlay-color: rgba(0, 0, 0, .25); /* original */
  --fc-more-link-bg-color: #d0d0d0; /* original */
  --fc-more-link-text-color: inherit; /* original */
  --fc-event-resizer-thickness: 8px; /* original */
  --fc-event-resizer-dot-total-width: 8px; /* original */
  --fc-event-resizer-dot-border-width: 1px; /* original */
  --fc-non-business-color: hsla(0, 0%, 84%, .3); /* original */
  --fc-bg-event-color: #8fdf82; /* original */
  --fc-bg-event-opacity: 0.3; /* original */
  --fc-highlight-color: rgba(188, 232, 241, .3); /* original */
  --fc-today-bg-color: var(--blue-xxxlt); 
  --fc-now-indicator-color: red; /* original */
  
}

.dark {
  --background: oklch(0.0 0);
  --foreground: oklch(0.9850 0 0);
  --card: oklch(0.2050 0 0);
  --card-foreground: oklch(0.9850 0 0);
  --popover: oklch(0.2690 0 0);
  --popover-foreground: oklch(0.9850 0 0);
  --primary: oklch(0.6030 0.0610 236.3000);
  --primary-foreground: oklch(0.4390 0 0);
  --secondary: oklch(0.5999 0 0);
  --secondary-foreground: oklch(0.4390 0 0);
  --muted: oklch(0.2690 0 0);
  --muted-foreground: oklch(0.7080 0 0);
  --accent: oklch(0.3710 0 0);
  --accent-foreground: oklch(0.9850 0 0);
  --destructive: oklch(0.7040 0.1910 22.2160);
  --destructive-foreground: oklch(0.9850 0 0);
  --border: oklch(0.2750 0 0);
  --input: oklch(0.3250 0 0);
  --ring: oklch(0.5560 0 0);
  --chart-1: oklch(0.8100 0.1000 252);
  --chart-2: oklch(0.6200 0.1900 260);
  --chart-3: oklch(0.5500 0.2200 263);
  --chart-4: oklch(0.4900 0.2200 264);
  --chart-5: oklch(0.4200 0.1800 266);
  --sidebar: oklch(0.2050 0 0);
  --sidebar-foreground: oklch(0.9850 0 0);
  --sidebar-primary: oklch(0.4880 0.2430 264.3760);
  --sidebar-primary-foreground: oklch(0.9850 0 0);
  --sidebar-accent: oklch(0.2690 0 0);
  --sidebar-accent-foreground: oklch(0.9850 0 0);
  --sidebar-border: oklch(0.2750 0 0);
  --sidebar-ring: oklch(0.4390 0 0);
  --font-sans: PT Sans, ui-sans-serif, sans-serif, system-ui;
  --font-serif: PT Serif, ui-serif, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.625rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: oklch(0 0 0);
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);

  --font-sans: var(--font-sans);
  --font-mono: var(--font-mono);
  --font-serif: var(--font-serif);

  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);

  --shadow-2xs: var(--shadow-2xs);
  --shadow-xs: var(--shadow-xs);
  --shadow-sm: var(--shadow-sm);
  --shadow: var(--shadow);
  --shadow-md: var(--shadow-md);
  --shadow-lg: var(--shadow-lg);
  --shadow-xl: var(--shadow-xl);
  --shadow-2xl: var(--shadow-2xl);
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

p,
article ul,
article ol,
.view-content p,
.view-content ul,
.view-content ol {
  font-family: var(--font-serif);
}

.region-header {
  background-color: var(--muted);
}

/*** FullCalendar overrides ***/
.fc {

  .fc-toolbar-title {
    font-size: var(--text-5xl);
  }

}