/* finleys-theme grimmory 0e1e8023b3ec r5 — written by the house from app.css; edits here are replaced */
@font-face { font-family: 'DM Sans'; src: url('fonts/DMSans.ttf') format('truetype'); font-weight: 100 1000; font-style: normal; font-display: swap; }
html[data-app-theme] {
  --color-primary-50: #f3effb !important;
  --color-primary-100: #e3dbf7 !important;
  --color-primary-200: #c7b7ee !important;
  --color-primary-300: #a890e5 !important;
  --color-primary-400: #8564db !important;
  --color-primary-500: #6338d1 !important;
  --color-primary-600: #512eab !important;
  --color-primary-700: #3f2486 !important;
  --color-primary-800: #301b64 !important;
  --color-primary-900: #201243 !important;
  --color-primary-950: #140b2a !important;
  --color-surface-0: #ffffff !important;
  --color-surface-50: #f2f3fb !important;
  --color-surface-100: #e4e7f0 !important;
  --color-surface-200: #d7dae6 !important;
  --color-surface-300: #c1c6d8 !important;
  --color-surface-400: #9898b8 !important;
  --color-surface-500: #717190 !important;
  --color-surface-600: #4a4a68 !important;
  --color-surface-700: #2b2b40 !important;
  --color-surface-800: #1e1e2f !important;
  --color-surface-900: #12121e !important;
  --color-surface-950: #07070f !important;
  --color-app: #c1c6d8 !important;
  --color-page: #ccd1e0 !important;
  --color-card: #e4e7f0 !important;
  --color-border: rgba(22, 24, 44,0.14) !important;
  --color-card-outline: transparent !important;
  --color-surface-hover: rgba(22, 24, 44, 0.08) !important;
  --color-active-surface: rgba(99, 56, 209, 0.12) !important;
  --color-text: #14152a !important;
  --color-text-secondary: #474963 !important;
  --color-text-muted: #5f6178 !important;
  --color-text-strong: #14152a !important;
  --color-primary: #6338d1 !important;
  --color-primary-hover: #5731b8 !important;
  --color-primary-active: #4b2b9f !important;
  --color-primary-contrast: #ffffff !important;
  --color-primary-text: #6338d1 !important;
  --color-danger: #c81f1f !important;
  --color-warning: #9c5205 !important;
  --color-logo-start: #6d4bd8 !important;
  --color-logo-end: #6338d1 !important;
  --color-skeleton-base: #d7dae6 !important;
  --color-skeleton-highlight: #e4e7f0 !important;
  --color-danger-hover: #aa1a1a !important;
  --color-logo-bookmark: #6338d1 !important;
}
html.dark[data-app-theme] {
  --color-primary-50: #100e22 !important;
  --color-primary-100: #1c163a !important;
  --color-primary-200: #312664 !important;
  --color-primary-300: #493794 !important;
  --color-primary-400: #6249c8 !important;
  --color-primary-500: #7c5cfc !important;
  --color-primary-600: #9479fd !important;
  --color-primary-700: #ab97fd !important;
  --color-primary-800: #c0b1fe !important;
  --color-primary-900: #d5cbfe !important;
  --color-primary-950: #e5defe !important;
  --color-app: #07070f !important;
  --color-page: #0c0b18 !important;
  --color-card: #12121e !important;
  --color-border: rgba(255, 255, 255,0.14) !important;
  --color-surface-hover: rgba(255, 255, 255, 0.06) !important;
  --color-active-surface: rgba(124, 92, 252, 0.16) !important;
  --color-text: #eeeef8 !important;
  --color-text-secondary: #9898b8 !important;
  --color-text-muted: #7d7d9c !important;
  --color-text-strong: #eeeef8 !important;
  --color-primary: #7c5cfc !important;
  --color-primary-hover: #a78bfa !important;
  --color-primary-active: #694ed6 !important;
  --color-primary-contrast: #ffffff !important;
  --color-primary-text: #a78bfa !important;
  --color-danger: #f87171 !important;
  --color-warning: #fbbf24 !important;
  --color-logo-start: #a78bfa !important;
  --color-logo-end: #7c5cfc !important;
  --color-skeleton-base: #1a1530 !important;
  --color-skeleton-highlight: #2b2b40 !important;
  --color-danger-hover: #f98d8d !important;
  --color-logo-bookmark: #eeeef8 !important;
}
html.dark[data-app-theme][data-oled-dark-mode="true"] {
  --color-app: #000000 !important;
  --color-page: #000000 !important;
  --color-card: #000000 !important;
  --color-border: rgba(238, 238, 248, 0.18) !important;
  --color-card-outline: rgba(238, 238, 248, 0.14) !important;
  --color-active-surface: rgba(124, 92, 252, 0.14) !important;
}
html[data-app-theme]:not([data-ui-font]) {
  --font-ui: 'DM Sans', 'Segoe UI', system-ui, sans-serif !important;
}
html[data-app-theme]:not([data-ui-font]) body { font-family: 'DM Sans', 'Segoe UI', system-ui, sans-serif; }
html[data-app-theme] { accent-color: var(--color-primary); }
html[data-app-theme] ::selection { background: color-mix(in srgb, var(--color-primary) 30%, transparent); }
html[data-app-theme] * { scrollbar-color: color-mix(in srgb, var(--color-primary) 45%, transparent) transparent; }
html[data-app-theme] *::-webkit-scrollbar-track { background: transparent; }
html[data-app-theme] *::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--color-primary) 45%, transparent); }
html[data-app-theme] *::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--color-primary) 70%, transparent); }
html[data-app-theme] svg.sidebar-brand-icon, html[data-app-theme] svg.logo-icon {
  background: url('logos/grimmory.png') center / contain no-repeat; }
html[data-app-theme] svg.sidebar-brand-icon > *, html[data-app-theme] svg.logo-icon > * { display: none; }