/* @settings
name: Cloud Dancer Theme
id: cloud-dancer
settings: []
*/




.theme-light {
  
  --color-base-00: #FFFFFF;
  --color-base-05: #F7F8FA;
  --color-base-10: #F0EBE3; 
  --color-base-20: #E4E7EC;
  --color-base-25: #D8DCE3;
  --color-base-30: #CCD1D9;
  --color-base-35: #BFC5CF;
  --color-base-40: #AEB5C0;
  --color-base-50: #8E96A3;
  --color-base-60: #6E7786;
  --color-base-70: #525C6B;
  --color-base-100: #1E3050;

  
  --background-primary: #FDFCFA;
  --background-primary-alt: #F4F5F8;
  --background-secondary: #EDF0F4;
  --background-secondary-alt: #E4E7EC;
  --background-modifier-border: #D8DCE3;
  --background-modifier-border-hover: #CCD1D9;
  --background-modifier-border-focus: #BFC5CF;
  --background-modifier-form-field: #FFFFFF;
  --background-modifier-hover: rgba(30, 48, 80, 0.04);
  --background-modifier-active-hover: rgba(30, 48, 80, 0.08);

  
  --text-normal: #1E3050;
  --text-muted: #4A5A72;
  --text-faint: #8E96A3;
  --text-on-accent: #FFFFFF;
  --text-on-accent-inverted: #1E3050;
  --text-error: #C4443E;
  --text-success: #4A8B5E;
  --text-warning: #B8860B;
  --text-accent: #2456A4;
  --text-selection: rgba(36, 86, 164, 0.12);

  
  --interactive-normal: #EDF0F4;
  --interactive-hover: #E4E7EC;
  --interactive-accent: #2456A4;
  --interactive-accent-hover: #1C4688;

  
  --accent-h: 216;
  --accent-s: 64%;
  --accent-l: 39%;

  
  --link-color: #2456A4;
  --link-color-hover: #1C4688;
  --link-external-color: #3572B0;
  --link-external-color-hover: #2A5E96;
  --link-unresolved-color: #8E96A3;
  --link-unresolved-opacity: 0.7;

  
  --tag-color: #3572B0;
  --tag-background: rgba(53, 114, 176, 0.08);
  --tag-background-hover: rgba(53, 114, 176, 0.15);

  
  --h1-color: #132844;
  --h2-color: #1A3558;
  --h3-color: #1E3F6E;
  --h4-color: #2456A4;
  --h5-color: #4A5A72;
  --h6-color: #6E7786;

  
  --bold-color: #132844;
  --italic-color: #1E3F6E;

  
  --scrollbar-bg: transparent;
  --scrollbar-thumb-bg: rgba(30, 48, 80, 0.12);
  --scrollbar-active-thumb-bg: rgba(30, 48, 80, 0.25);

  
  --hr-color: #D8DCE3;

  
  --code-normal: #1E3F6E;
  --code-background: #EDF0F4;
  --code-comment: #8E96A3;

  
  --blockquote-border-color: #BFC5CF;

  
  --checkbox-color: #2456A4;
  --checkbox-color-hover: #1C4688;
  --checkbox-border-color: #BFC5CF;

  
  --toggle-thumb-color: #FFFFFF;

  
  --table-header-background: #EDF0F4;
  --table-header-background-hover: #E4E7EC;
  --table-row-even-background: #F7F8FA;
  --table-row-odd-background: #FDFCFA;

  
  --nav-item-background-hover: rgba(36, 86, 164, 0.06);
  --nav-item-background-active: rgba(36, 86, 164, 0.10);
  --nav-item-color: #525C6B;
  --nav-item-color-hover: #1E3050;
  --nav-item-color-active: #1E3050;

  
  --titlebar-background: #EDF0F4;
  --titlebar-background-focused: #E4E7EC;

  
  --graph-line: rgba(30, 48, 80, 0.12);
  --graph-node: #2456A4;
  --graph-node-focused: #1C4688;
  --graph-node-tag: #3572B0;
  --graph-node-attachment: #B8860B;
}


.theme-dark {
  
  --color-base-00: #1A1614;
  --color-base-05: #1F1B18;
  --color-base-10: #252120;
  --color-base-20: #2E2926;
  --color-base-25: #36302C;
  --color-base-30: #3E3733;
  --color-base-35: #4A423D;
  --color-base-40: #574E48;
  --color-base-50: #6E6359;
  --color-base-60: #877B70;
  --color-base-70: #A09388;
  --color-base-100: #E8E1D7;

  
  --background-primary: #1A1614;
  --background-primary-alt: #1F1B18;
  --background-secondary: #252120;
  --background-secondary-alt: #2E2926;
  --background-modifier-border: #3E3733;
  --background-modifier-border-hover: #4A423D;
  --background-modifier-border-focus: #574E48;
  --background-modifier-form-field: #1F1B18;
  --background-modifier-hover: rgba(232, 225, 215, 0.04);
  --background-modifier-active-hover: rgba(232, 225, 215, 0.08);

  
  --text-normal: #E0D8CE;
  --text-muted: #A09388;
  --text-faint: #6E6359;
  --text-on-accent: #1A1614;
  --text-on-accent-inverted: #E0D8CE;
  --text-error: #D4706A;
  --text-success: #85B088;
  --text-warning: #D4A86A;
  --text-accent: #C4A892;
  --text-selection: rgba(196, 168, 146, 0.2);

  
  --interactive-normal: #2E2926;
  --interactive-hover: #36302C;
  --interactive-accent: #C4A892;
  --interactive-accent-hover: #D4B8A2;

  
  --accent-h: 22;
  --accent-s: 35%;
  --accent-l: 67%;

  
  --link-color: #C4A892;
  --link-color-hover: #D4B8A2;
  --link-external-color: #A8BF96;
  --link-external-color-hover: #B8CFA6;
  --link-unresolved-color: #6E6359;
  --link-unresolved-opacity: 0.7;

  
  --tag-color: #A8BF96;
  --tag-background: rgba(168, 191, 150, 0.12);
  --tag-background-hover: rgba(168, 191, 150, 0.2);

  
  --h1-color: #E8E1D7;
  --h2-color: #DDD5C9;
  --h3-color: #D4B8A2;
  --h4-color: #C4A892;
  --h5-color: #A09388;
  --h6-color: #A09388;

  
  --bold-color: #E8E1D7;
  --italic-color: #D4B8A2;

  
  --scrollbar-bg: transparent;
  --scrollbar-thumb-bg: rgba(232, 225, 215, 0.1);
  --scrollbar-active-thumb-bg: rgba(232, 225, 215, 0.2);

  
  --hr-color: #3E3733;

  
  --code-normal: #D4B8A2;
  --code-background: #252120;
  --code-comment: #6E6359;

  
  --blockquote-border-color: #4A423D;

  
  --checkbox-color: #C4A892;
  --checkbox-color-hover: #D4B8A2;
  --checkbox-border-color: #4A423D;

  
  --toggle-thumb-color: #1A1614;

  
  --table-header-background: #252120;
  --table-header-background-hover: #2E2926;
  --table-row-even-background: #1F1B18;
  --table-row-odd-background: #1A1614;

  
  --nav-item-background-hover: rgba(196, 168, 146, 0.06);
  --nav-item-background-active: rgba(196, 168, 146, 0.1);
  --nav-item-color: #A09388;
  --nav-item-color-hover: #E0D8CE;
  --nav-item-color-active: #E0D8CE;

  
  --titlebar-background: #1F1B18;
  --titlebar-background-focused: #252120;

  
  --graph-line: rgba(232, 225, 215, 0.1);
  --graph-node: #C4A892;
  --graph-node-focused: #D4B8A2;
  --graph-node-tag: #A8BF96;
  --graph-node-attachment: #D4A86A;
}




body {
  --font-text-theme: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", sans-serif;
  --font-monospace-theme: "SF Mono", "Fira Code", "Cascadia Code", monospace;
}


body {
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;
}


.workspace-leaf {
  transition: box-shadow 150ms ease;
}


.cm-header-1, .markdown-preview-view h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.cm-header-2, .markdown-preview-view h2 {
  font-weight: 650;
  letter-spacing: -0.01em;
}

.cm-header-3, .markdown-preview-view h3 {
  font-weight: 600;
}


.cm-inline-code,
.markdown-preview-view code {
  padding: 2px 5px;
  border-radius: var(--radius-s);
}


.markdown-preview-view blockquote,
.cm-quote {
  border-left-width: 3px;
  opacity: 0.92;
}


.cm-active {
  background-color: var(--background-modifier-hover) !important;
}


::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-bg);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-active-thumb-bg);
}


.workspace-tab-header {
  transition: background-color 150ms ease, color 150ms ease;
}


input[type="checkbox"] {
  transition: background-color 150ms ease, border-color 150ms ease;
}


.markdown-preview-view hr {
  border: none;
  height: 1px;
  background: var(--hr-color);
  margin: 2em 0;
}


.tag {
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 0.85em;
}


.nav-folder.mod-root > .nav-folder-title {
  font-weight: 700;
  letter-spacing: -0.01em;
}


.status-bar {
  font-size: 0.8em;
  opacity: 0.8;
}


.modal.mod-settings .vertical-tab-content {
  background-color: var(--background-primary);
}


.cm-cursor {
  border-color: var(--interactive-accent);
}