/* Schattendatenbank – Design fuer Plane (plane.schattendatenbank.de)
   Farben wie Website/Tresor: Hintergrund #0B0C0E, Text #EDEAE3, Akzent Schiefer #A3B2C2, Rot #E0574A.
   Regel: kein Gelb/Orange/Kupfer. Immer dunkel, unabhaengig von der Theme-Einstellung.
   Wird per nginx sub_filter in web/admin/space eingebunden (make-branding.sh). */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/sdb-brand/fonts/inter.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/sdb-brand/fonts/inter-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/sdb-brand/fonts/newsreader.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 200 800; font-display: swap; src: url("/sdb-brand/fonts/newsreader-italic.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 500; font-display: swap; src: url("/sdb-brand/fonts/jetbrains-mono.woff2") format("woff2"); }
html, html[data-theme], html[data-theme] body, [data-theme] {
  color-scheme: dark !important;
  --neutral-black: #0B0C0E !important;
  --neutral-100: #101114 !important;
  --neutral-200: #15171A !important;
  --neutral-300: #1B1D21 !important;
  --neutral-400: #212429 !important;
  --neutral-500: #2A2E34 !important;
  --neutral-600: #343941 !important;
  --neutral-700: #424852 !important;
  --neutral-800: #6B727C !important;
  --neutral-900: #8A9099 !important;
  --neutral-1000: #A9ADB3 !important;
  --neutral-1100: #CBCAC4 !important;
  --neutral-1200: #EDEAE3 !important;
  --neutral-white: #F5F3EE !important;
  --brand-100: #15191E !important;
  --brand-200: #1C232A !important;
  --brand-300: #263039 !important;
  --brand-400: #34414E !important;
  --brand-500: #4B5E71 !important;
  --brand-600: #6A7F94 !important;
  --brand-700: #8B9EB1 !important;
  --brand-800: #A3B2C2 !important;
  --brand-900: #BBC6D2 !important;
  --brand-1000: #D8DEE5 !important;
  --brand-1100: #E9ECF0 !important;
  --brand-1200: #F2F4F6 !important;
  --brand-default: #A3B2C2 !important;
  --red-100: #2A1311 !important;
  --red-200: #461B17 !important;
  --red-300: #6E2620 !important;
  --red-400: #9A3128 !important;
  --red-500: #C23B2F !important;
  --red-600: #D24A3D !important;
  --red-700: #E0574A !important;
  --red-800: #EA8279 !important;
  --red-900: #F2ABA5 !important;
  --red-1000: #F8D2CE !important;
  --red-1100: #FCEAE8 !important;
  --amber-100: #1A1F25 !important;
  --amber-200: #252C34 !important;
  --amber-300: #323B45 !important;
  --amber-400: #465260 !important;
  --amber-500: #5D6B7A !important;
  --amber-600: #7E8C9A !important;
  --amber-700: #9AA7B4 !important;
  --amber-800: #B3BDC8 !important;
  --amber-900: #C8D1DA !important;
  --amber-1000: #DEE3E9 !important;
  --amber-1100: #EEF1F4 !important;
  --priority-urgent: #E0574A !important;
  --priority-high: #C23B2F !important;
  --priority-medium: #A3B2C2 !important;
  --priority-low: #7E8C9A !important;
  --priority-none: #6B727C !important;
  --extended-color-yellow-25: #F2F4F6 !important;
  --extended-color-yellow-50: #E9ECF0 !important;
  --extended-color-yellow-100: #D8DEE5 !important;
  --extended-color-yellow-200: #BBC6D2 !important;
  --extended-color-yellow-300: #A3B2C2 !important;
  --extended-color-yellow-400: #8B9EB1 !important;
  --extended-color-yellow-500: #798FA5 !important;
  --extended-color-yellow-600: #6A7F94 !important;
  --extended-color-yellow-700: #4B5E71 !important;
  --extended-color-yellow-800: #34414E !important;
  --extended-color-yellow-900: #263039 !important;
  --extended-color-yellow-950: #1C232A !important;
  --extended-color-orange-25: #FCEAE8 !important;
  --extended-color-orange-50: #F8D2CE !important;
  --extended-color-orange-100: #F2ABA5 !important;
  --extended-color-orange-200: #EA8279 !important;
  --extended-color-orange-300: #E0574A !important;
  --extended-color-orange-400: #D24A3D !important;
  --extended-color-orange-500: #C23B2F !important;
  --extended-color-orange-600: #9A3128 !important;
  --extended-color-orange-700: #6E2620 !important;
  --extended-color-orange-800: #461B17 !important;
  --extended-color-orange-900: #2A1311 !important;
  --extended-color-orange-950: #1E0E0C !important;
  --scrollbar-thumb: var(--alpha-white-200) !important;
  --scrollbar-thumb-surface-hover: var(--alpha-white-300) !important;
  --scrollbar-thumb-hover: var(--alpha-white-400) !important;
  --scrollbar-thumb-active: var(--alpha-white-500) !important;
  --bg-canvas: var(--neutral-black) !important;
  --bg-surface-1: var(--neutral-100) !important;
  --bg-surface-2: var(--neutral-200) !important;
  --bg-layer-1: var(--neutral-200) !important;
  --bg-layer-1-hover: var(--neutral-300) !important;
  --bg-layer-1-active: var(--neutral-400) !important;
  --bg-layer-1-selected: var(--neutral-400) !important;
  --bg-layer-2: var(--neutral-300) !important;
  --bg-layer-2-hover: var(--neutral-400) !important;
  --bg-layer-2-active: var(--neutral-500) !important;
  --bg-layer-2-selected: var(--neutral-500) !important;
  --bg-layer-3: var(--neutral-400) !important;
  --bg-layer-3-hover: var(--neutral-500) !important;
  --bg-layer-3-active: var(--neutral-600) !important;
  --bg-layer-3-selected: var(--neutral-600) !important;
  --bg-layer-transparent: var(--alpha-black-0) !important;
  --bg-layer-transparent-hover: var(--alpha-white-100) !important;
  --bg-layer-transparent-active: var(--alpha-white-200) !important;
  --bg-layer-transparent-selected: var(--alpha-white-300) !important;
  --bg-layer-disabled: var(--neutral-700) !important;
  --bg-accent-primary: var(--brand-default) !important;
  --bg-accent-primary-hover: var(--brand-900) !important;
  --bg-accent-primary-active: var(--brand-700) !important;
  --bg-accent-subtle: var(--brand-100) !important;
  --bg-accent-subtle-hover: var(--brand-200) !important;
  --bg-accent-subtle-active: var(--brand-300) !important;
  --bg-success-primary: var(--green-700) !important;
  --bg-success-subtle: var(--green-100) !important;
  --bg-success-subtle-1: var(--green-100) !important;
  --bg-warning-primary: var(--amber-600) !important;
  --bg-warning-subtle: var(--amber-100) !important;
  --bg-danger-primary: var(--red-300) !important;
  --bg-danger-primary-hover: var(--red-400) !important;
  --bg-danger-primary-active: var(--red-500) !important;
  --bg-danger-primary-selected: var(--red-500) !important;
  --bg-danger-subtle: var(--red-100) !important;
  --bg-danger-subtle-hover: var(--red-200) !important;
  --bg-danger-subtle-active: var(--red-300) !important;
  --bg-danger-subtle-selected: var(--red-300) !important;
  --bg-danger-transparent: var(--red-100) !important;
  --bg-danger-transparent-hover: var(--red-100) !important;
  --bg-danger-transparent-active: var(--red-100) !important;
  --bg-danger-transparent-selected: var(--red-100) !important;
  --bg-backdrop: var(--alpha-black-1000) !important;
  --bg-inverse: var(--alpha-white-1000) !important;
  --border-subtle: var(--neutral-400) !important;
  --border-subtle-1: var(--neutral-500) !important;
  --border-strong: var(--neutral-600) !important;
  --border-strong-1: var(--neutral-700) !important;
  --border-inverse: var(--neutral-100) !important;
  --border-disabled: var(--neutral-300) !important;
  --border-accent-strong: var(--brand-default) !important;
  --border-accent-subtle: var(--brand-300) !important;
  --border-success-strong: var(--green-400) !important;
  --border-success-subtle: var(--green-200) !important;
  --border-warning-strong: var(--amber-400) !important;
  --border-warning-subtle: var(--amber-200) !important;
  --border-danger-strong: var(--red-700) !important;
  --border-danger-subtle: var(--red-200) !important;
  --txt-primary: var(--neutral-1200) !important;
  --txt-secondary: var(--neutral-1100) !important;
  --txt-tertiary: var(--neutral-1000) !important;
  --txt-placeholder: var(--neutral-900) !important;
  --txt-disabled: var(--neutral-800) !important;
  --txt-accent-primary: var(--brand-default) !important;
  --txt-accent-secondary: var(--brand-700) !important;
  --txt-on-color: #0B0C0E !important;
  --txt-on-color-disabled: var(--alpha-white-400) !important;
  --txt-inverse: var(--neutral-black) !important;
  --txt-success-primary: var(--green-900) !important;
  --txt-success-secondary: var(--green-700) !important;
  --txt-warning-primary: var(--amber-900) !important;
  --txt-warning-secondary: var(--amber-700) !important;
  --txt-danger-primary: var(--red-900) !important;
  --txt-danger-secondary: var(--red-700) !important;
  --txt-icon-primary: var(--neutral-1200) !important;
  --txt-icon-accent-subtle: var(--brand-700) !important;
  --txt-icon-accent-primary: var(--brand-default) !important;
  --txt-icon-accent-primary-inverse: var(--brand-900) !important;
  --txt-icon-accent-secondary: var(--brand-1200) !important;
  --txt-icon-danger-primary: var(--red-900) !important;
  --txt-icon-danger-secondary: var(--red-700) !important;
  --txt-icon-success-primary: var(--green-900) !important;
  --txt-icon-success-secondary: var(--green-700) !important;
  --txt-icon-warning-primary: var(--amber-900) !important;
  --txt-icon-warning-secondary: var(--amber-700) !important;
  --txt-icon-secondary: var(--neutral-1100) !important;
  --txt-icon-tertiary: var(--neutral-1000) !important;
  --txt-icon-placeholder: var(--neutral-800) !important;
  --txt-icon-disabled: var(--neutral-700) !important;
  --txt-icon-danger: var(--red-700) !important;
  --txt-icon-on-color: #0B0C0E !important;
  --txt-icon-on-color-disabled: var(--alpha-white-400) !important;
  --txt-icon-inverse: var(--neutral-black) !important;
  --txt-link-primary: var(--brand-default) !important;
  --txt-link-primary-hover: var(--brand-700) !important;
  --txt-link-secondary: var(--neutral-1100) !important;
  --label-indigo-bg: var(--extended-color-indigo-900) !important;
  --label-indigo-bg-strong: var(--extended-color-indigo-500) !important;
  --label-indigo-hover: var(--extended-color-indigo-800) !important;
  --label-indigo-icon: var(--extended-color-indigo-400) !important;
  --label-indigo-text: var(--extended-color-indigo-400) !important;
  --label-indigo-border: var(--extended-color-indigo-400) !important;
  --label-indigo-focus: var(--extended-color-indigo-400) !important;
  --label-emerald-bg: var(--extended-color-emerald-950) !important;
  --label-emerald-bg-strong: var(--extended-color-emerald-600) !important;
  --label-emerald-hover: var(--extended-color-emerald-900) !important;
  --label-emerald-icon: var(--extended-color-emerald-400) !important;
  --label-emerald-text: var(--extended-color-emerald-400) !important;
  --label-emerald-border: var(--extended-color-emerald-400) !important;
  --label-emerald-focus: var(--extended-color-emerald-700) !important;
  --label-grey-bg: var(--extended-color-grey-900) !important;
  --label-grey-bg-strong: var(--extended-color-grey-500) !important;
  --label-grey-hover: var(--extended-color-grey-800) !important;
  --label-grey-icon: var(--extended-color-grey-400) !important;
  --label-grey-text: var(--extended-color-grey-400) !important;
  --label-grey-border: var(--extended-color-grey-400) !important;
  --label-grey-focus: var(--extended-color-grey-400) !important;
  --label-crimson-bg: var(--extended-color-crimson-950) !important;
  --label-crimson-bg-strong: var(--extended-color-crimson-500) !important;
  --label-crimson-hover: var(--extended-color-crimson-900) !important;
  --label-crimson-icon: var(--extended-color-crimson-400) !important;
  --label-crimson-text: var(--extended-color-crimson-400) !important;
  --label-crimson-border: var(--extended-color-crimson-400) !important;
  --label-crimson-focus: var(--extended-color-crimson-400) !important;
  --label-yellow-bg: var(--extended-color-yellow-950) !important;
  --label-yellow-bg-strong: var(--extended-color-yellow-500) !important;
  --label-yellow-hover: var(--extended-color-yellow-900) !important;
  --label-yellow-icon: var(--extended-color-yellow-500) !important;
  --label-yellow-text: var(--extended-color-yellow-500) !important;
  --label-yellow-border: var(--extended-color-yellow-500) !important;
  --label-yellow-focus: var(--extended-color-yellow-400) !important;
  --label-orange-bg: var(--extended-color-orange-950) !important;
  --label-orange-bg-strong: var(--extended-color-orange-400) !important;
  --label-orange-hover: var(--extended-color-orange-900) !important;
  --label-orange-icon: var(--extended-color-orange-300) !important;
  --label-orange-text: var(--extended-color-orange-300) !important;
  --label-orange-border: var(--extended-color-orange-300) !important;
  --label-orange-focus: var(--extended-color-orange-300) !important;
  --label-pink-bg: var(--extended-color-pink-900) !important;
  --label-pink-bg-strong: var(--extended-color-pink-500) !important;
  --label-pink-hover: var(--extended-color-pink-800) !important;
  --label-pink-icon: var(--extended-color-pink-400) !important;
  --label-pink-text: var(--extended-color-pink-400) !important;
  --label-pink-border: var(--extended-color-pink-400) !important;
  --label-pink-focus: var(--extended-color-pink-400) !important;
  --label-purple-bg: var(--extended-color-purple-900) !important;
  --label-purple-bg-strong: var(--extended-color-purple-400) !important;
  --label-purple-hover: var(--extended-color-purple-800) !important;
  --label-purple-icon: var(--extended-color-purple-400) !important;
  --label-purple-text: var(--extended-color-purple-400) !important;
  --label-purple-border: var(--extended-color-purple-400) !important;
  --label-purple-focus: var(--extended-color-purple-300) !important;
  --illustration-fill-primary: var(--neutral-400) !important;
  --illustration-fill-secondary: var(--neutral-500) !important;
  --illustration-fill-tertiary: var(--neutral-700) !important;
  --illustration-fill-quaternary: var(--neutral-700) !important;
  --illustration-stroke-primary: var(--neutral-700) !important;
  --illustration-stroke-secondary: var(--neutral-800) !important;
  --illustration-stroke-tertiary: var(--neutral-1000) !important;
  --txt-plans-neutral-primary: var(--neutral-1000) !important;
  --txt-plans-neutral-color: var(--neutral-100) !important;
  --bg-plans-neutral-subtle: var(--neutral-500) !important;
  --bg-plans-neutral-solid: var(--neutral-1100) !important;
  --txt-plans-brand-primary: var(--brand-1000) !important;
  --txt-plans-brand-color: var(--brand-100) !important;
  --bg-plans-brand-subtle: var(--brand-200) !important;
  --bg-plans-brand-solid: var(--brand-1100) !important;
  --alpha-black-1000: rgba(11,12,14,.80) !important; --alpha-black-1100: rgba(11,12,14,.90) !important;
  --font-body: "Inter", "Inter Variable", ui-sans-serif, system-ui, sans-serif !important;
  --font-heading: "Newsreader", Georgia, "Times New Roman", serif !important;
  --font-code: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}
html, body { background: #0B0C0E; color: #EDEAE3; font-family: var(--font-body); }
::selection { background: #34414E; color: #EDEAE3; }
code, pre, kbd, .font-code, .ProseMirror code, .ProseMirror pre { font-family: var(--font-code) !important; }
/* Ueberschriften in Seiten/Wiki und Seitentitel in Newsreader */
.ProseMirror h1, .ProseMirror h2, .ProseMirror h3, .page-title, textarea#page-title, .sdb-auth-title { font-family: var(--font-heading) !important; letter-spacing: -0.01em; }
.ProseMirror h1, .page-title, .sdb-auth-title { font-weight: 500 !important; }
.sdb-auth-title { font-size: 1.75rem !important; line-height: 2.1rem !important; color: #EDEAE3 !important; }
a { text-decoration-color: rgba(163,178,194,.45); }
:focus-visible { outline-color: #A3B2C2 !important; }
/* Anmeldeseite: Plane-Logo -> Schattendatenbank-Wortmarke, Werbung ausblenden */
.sdb-logo-replaced > svg { display: none !important; }
.sdb-logo-replaced::before { content: ""; display: block; width: 210px; height: 25px; background: url("/sdb-brand/logo-weiss.svg") left center / contain no-repeat; }
.sdb-hidden { display: none !important; }
.bprogress .bar { background: #A3B2C2 !important; } .bprogress .peg { box-shadow: 0 0 10px #A3B2C2, 0 0 5px #A3B2C2 !important; }

/* Werbe-Button "Stern auf GitHub" ausblenden */
a[href*="github.com/makeplane"] { display: none !important; }