/* Server-selected palettes. Loaded after the existing public and app styles. */
html[data-site-theme="midnight-sky"] {
  --site-brand: #007eaf;
  --site-brand-dark: #00668f;
  --site-accent: #008fcc;
  --site-link: #00668f;
  --site-link-hover: #005577;
  --site-anchor: #172448;
  --site-footer: #172448;
  --site-soft: #e7f5fc;
  --site-paper: #f5fafe;
  --site-sand: #edf5fa;
  --site-line: #dbe8f0;
  --site-muted: #5b6c80;
  --site-expenses: #86c4df;
  --site-focus: #008fcc;
  --site-brand-rgb: 0, 126, 175;
  --site-glow: rgba(165, 219, 245, .68);
  --site-prompt-line: #dbe8f0;
  --site-prompt-start: #e7f5fc;
  --site-prompt-mid: #f5fafe;
}

html[data-site-theme="midnight-royal"] {
  --site-brand: #334da0;
  --site-brand-dark: #263d83;
  --site-accent: #334da0;
  --site-link: #334da0;
  --site-link-hover: #263d83;
  --site-anchor: #263d83;
  --site-footer: #152652;
  --site-soft: #e9edfb;
  --site-paper: #f8faff;
  --site-sand: #eef2fa;
  --site-line: #dce3f2;
  --site-muted: #5b6880;
  --site-expenses: #8db6da;
  --site-focus: #6279d5;
  --site-brand-rgb: 51, 77, 160;
  --site-glow: rgba(195, 207, 248, .68);
  --site-prompt-line: #c9d7f4;
  --site-prompt-start: #eaf0ff;
  --site-prompt-mid: #f5f8ff;
}

html[data-site-theme] {
  --color-ink: #172448;
  --color-brand: var(--site-brand);
  --color-brand-dark: var(--site-brand-dark);
  --color-brand-soft: var(--site-soft);
  --color-paper: var(--site-paper);
  --color-sand: var(--site-sand);
  --color-line: var(--site-line);
  --color-muted: var(--site-muted);
  --color-check: var(--site-accent);
  --oc-ink: var(--color-ink);
  --oc-brand: var(--site-brand);
  --oc-primary: var(--site-brand);
  --oc-brand-dark: var(--site-brand-dark);
  --oc-brand-soft: var(--site-soft);
  --oc-link: var(--site-link);
  --oc-link-hover: var(--site-link-hover);
  --oc-link-visited: var(--site-link);
  --oc-paper: var(--site-paper);
  --oc-sand: var(--site-sand);
  --oc-line: var(--site-line);
  --oc-muted: var(--site-muted);
  --bs-primary: var(--site-brand);
  --bs-primary-rgb: var(--site-brand-rgb);
  --app-content-bg: var(--site-paper);
}

html[data-site-theme] .text-brand,
html[data-site-theme] body.dashboard-body .text-primary {
  color: var(--site-link);
}

html[data-site-theme] .text-brand.hover\:text-brand-dark:hover {
  color: var(--site-link-hover);
}

html[data-site-theme] .site-hero-accent { color: var(--site-accent); }
html[data-site-theme] .bg-brand-dark { background-color: var(--site-anchor); }
html[data-site-theme] .site-footer { background-color: var(--site-footer); }
html[data-site-theme] :focus-visible { outline-color: var(--site-focus); }
.oc-logo-picture { display: inline-flex; align-items: center; flex-shrink: 0; }
.site-desktop-nav { display: none; }
.site-mobile-nav { display: block; }
@media (min-width: 75rem) {
  .site-desktop-nav { display: flex; }
  .site-mobile-nav { display: none; }
}

html[data-site-theme] .landing-grid {
  background-image: linear-gradient(to right, rgba(var(--site-brand-rgb), .045) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--site-brand-rgb), .045) 1px, transparent 1px);
}
html[data-site-theme] .hero-glow {
  background: radial-gradient(circle at 55% 42%, var(--site-glow), transparent 57%);
}
html[data-site-theme] .preview-month,
html[data-site-theme] .preview-chart-key { color: var(--site-muted); }
html[data-site-theme] .preview-month-bars { border-color: var(--site-line); }
html[data-site-theme] .preview-bar-orders,
html[data-site-theme] .preview-chart-key-orders { background: var(--site-accent); }
html[data-site-theme] .preview-bar-expenses,
html[data-site-theme] .preview-chart-key-expenses { background: var(--site-expenses); }