/* ═══════════════════════════════════════════════════════════
   BLOSSOM THEME v2.0.0
   ═══════════════════════════════════════════════════════════ */

:root {
	
	--font-text: "Inter", "Segoe UI", Roboto, Helvetica, sans-serif;
	--font-headings: "Playfair Display", "Merriweather", "Georgia", serif;
	--font-monospace: "JetBrains Mono", "Fira Code", monospace;

	
	--line-height-normal: 1.8;
	--header-line-height: 1.2;
}

.theme-dark {
	
	--blossom-pink: #ff058d;
	--blossom-purple: #9200ff;
	--blossom-cyan: #00d4ff;
	--blossom-mint: #00ff7d;
	--blossom-yellow: #f5ac00;
	--blossom-orange: #ff5555;
	--blossom-salmon: #ea748f;

	
	--accent-glow: rgba(255, 5, 141, 0.4);
	--selection-color: rgba(255, 5, 141, 0.25);

	
	--background-primary: #13141f;
	--background-primary-alt: #181924;
	--background-secondary: #0d0e16;
	--background-secondary-alt: #0d0e16;

	
	--glass-bg: rgba(16, 17, 22, 0.85);
	--glass-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);

	
	--text-normal: #ececec;
	--text-muted: #8e8e9e;
	--text-faint: #5c5c66;

	
	--interactive-accent: var(--blossom-pink);
	--interactive-hover: rgba(255, 255, 255, 0.05);

	
	--divider-color: transparent;
	--divider-width: 0px;
	--tab-outline-color: transparent;
	--tab-divider-color: transparent;
}



body {
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.02em;
}




.workspace-leaf-resize-handle {
	background-color: transparent !important;
	border: none !important;
}

.workspace-split.mod-vertical > .workspace-leaf-resize-handle,
.workspace-split.mod-horizontal > .workspace-leaf-resize-handle {
	width: 0px !important; 
	background: transparent !important;
}


.workspace-ribbon,
.workspace-split.mod-left-split,
.workspace-split.mod-right-split,
.workspace-split {
	border-right: none !important;
	border-left: none !important;
	border: none !important;
}


.workspace-tab-header-container,
.view-header {
	border-bottom: none !important;
	box-shadow: none !important;
}

.view-content {
	border-top: none !important;
}


.status-bar {
	border-top: none !important;
	background: transparent !important;
}


.markdown-preview-view h1,
.cm-header-1 {
	font-size: 2em;
	font-weight: 700;
	line-height: 1.3;
	color: var(--blossom-purple) !important;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	letter-spacing: -0.02em;
}

.markdown-preview-view h2,
.cm-header-2 {
	font-size: 1.65em;
	font-weight: 700;
	line-height: 1.35;
	color: var(--blossom-mint) !important;
	margin-top: 1.4em;
	margin-bottom: 0.45em;
	letter-spacing: -0.015em;
}

.markdown-preview-view h3,
.cm-header-3 {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.4;
	color: var(--blossom-cyan) !important;
	margin-top: 1.3em;
	margin-bottom: 0.4em;
	letter-spacing: -0.01em;
}

.markdown-preview-view h4,
.cm-header-4 {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.45;
	color: var(--blossom-yellow) !important;
	margin-top: 1.2em;
	margin-bottom: 0.35em;
}

.markdown-preview-view h5,
.cm-header-5 {
	font-size: 1.05em;
	font-weight: 600;
	line-height: 1.5;
	color: var(--blossom-orange) !important;
	margin-top: 1.1em;
	margin-bottom: 0.3em;
}

.markdown-preview-view h6,
.cm-header-6 {
	font-size: 1em;
	font-weight: 600;
	line-height: 1.5;
	color: var(--blossom-salmon) !important;
	margin-top: 1em;
	margin-bottom: 0.3em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.9em;
}




.modal {
	background: var(--glass-bg);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: var(--glass-shadow);
	border-radius: 20px;
	border: none !important;
}

.modal-title {
	text-align: center;
	font-family: var(--font-headings);
	color: var(--blossom-pink);
	font-size: 1.5em;
	text-transform: none;
	border-bottom: none !important;
}




.cm-active {
	background: linear-gradient(
		90deg,
		rgba(255, 5, 141, 0.08) 0%,
		transparent 100%
	);
	border-left: none !important;
}

::selection {
	background: var(--selection-color);
	color: #fff;
}

strong {
	color: var(--blossom-pink);
	font-weight: 700;
}
em {
	color: var(--blossom-cyan);
}



.graph-view.color-fill {
	color: var(--blossom-pink);
}

.graph-view.color-line {
	color: var(--blossom-purple);
}

.graph-view.color-text {
	color: var(--text-muted);
}

.graph-view.color-fill-highlight {
	color: var(--blossom-cyan);
}

.graph-view.color-line-highlight {
	color: var(--blossom-mint);
}



a,
.internal-link {
	color: var(--blossom-cyan);
	text-decoration: none !important;
	background-image: linear-gradient(
		var(--blossom-purple),
		var(--blossom-purple)
	);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	transition: background-size 0.3s, color 0.3s;
	padding-bottom: 2px;
}

a:hover,
.internal-link:hover {
	color: var(--blossom-pink);
	background-size: 100% 2px;
}




blockquote {
	border-left: none !important;
	background: linear-gradient(
		90deg,
		rgba(146, 0, 255, 0.1) 0%,
		rgba(146, 0, 255, 0.02) 100%
	);
	padding: 16px 24px;
	border-radius: 8px;
	font-style: italic;
	color: var(--text-muted);
	margin-left: 0;
}


.markdown-preview-view pre {
	background: #08080a;
	border: none !important;
	border-radius: 12px;
	padding: 20px;
	box-shadow: inset 0 2px 20px rgba(0, 0, 0, 0.5);
}

.markdown-preview-view code {
	color: var(--blossom-mint);
	background: rgba(0, 255, 125, 0.08);
	border-radius: 6px;
	padding: 2px 6px;
	border: none !important;
	font-size: 0.85em;
}



input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 50%;
	border: none !important;
	background: rgba(255, 255, 255, 0.1);
	width: 1.2em;
	height: 1.2em;
	position: relative;
	top: 2px;
	transition: all 0.2s ease;
	cursor: pointer;
}

input[type="checkbox"]:hover {
	background: rgba(255, 255, 255, 0.2);
}

input[type="checkbox"]:checked {
	background-color: var(--blossom-pink);
	box-shadow: 0 0 12px var(--accent-glow);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='white' stroke-width='2.5' d='M2.5 7L5.5 10L11.5 4'/%3E%3C/svg%3E");
}

button.mod-cta {
	background: var(--blossom-pink);
	color: white;
	border-radius: 30px;
	font-weight: 600;
	box-shadow: 0 4px 15px rgba(255, 5, 141, 0.25);
	border: none !important;
	transition: transform 0.2s, box-shadow 0.2s;
}

button.mod-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(255, 5, 141, 0.4);
}



.nav-file-title,
.nav-folder-title {
	border-radius: 8px;
	padding: 6px 10px;
	border: none !important;
}

.nav-file-title.is-active {
	background: linear-gradient(
		90deg,
		rgba(255, 5, 141, 0.15) 0%,
		transparent 100%
	);
	color: var(--blossom-pink);
	border: none !important;
	font-weight: 600;
}



::-webkit-scrollbar {
	width: 6px;
}
::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	border: none;
}
::-webkit-scrollbar-track {
	background: transparent;
}