:root {
--chasm-void: #010408;
--chasm-deep: #0a0e17;
--chasm-surface: #111827;
--chasm-elevated: #1a2332;
--chasm-border: #1e293b;
--chasm-cyan: #00d4ff;
--chasm-teal: #00c9a7;
--chasm-purple: #7c3aed;
--chasm-indigo: #6366f1;
--chasm-text: #e2e8f0;
--chasm-muted: #94a3b8;
--chasm-glow: 0 0 20px rgba(0, 212, 255, 0.15);
}
[data-md-color-scheme="slate"] {
--md-default-bg-color: var(--chasm-void);
--md-default-fg-color: var(--chasm-text);
--md-primary-fg-color: var(--chasm-cyan);
--md-accent-fg-color: var(--chasm-teal);
--md-typeset-a-color: var(--chasm-cyan);
--md-code-bg-color: var(--chasm-deep);
--md-code-fg-color: #e2e8f0;
--md-footer-bg-color: var(--chasm-void);
--md-footer-fg-color: var(--chasm-muted);
}
[data-md-color-scheme="slate"] .md-header {
background: rgba(1, 4, 8, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid var(--chasm-border);
box-shadow: 0 1px 0 rgba(0, 212, 255, 0.08);
}
[data-md-color-scheme="slate"] .md-header__title {
font-family: 'Orbitron', 'Inter', sans-serif;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:hover {
color: var(--chasm-cyan);
}
[data-md-color-scheme="slate"] .md-tabs {
background: var(--chasm-void);
border-bottom: 1px solid var(--chasm-border);
}
[data-md-color-scheme="slate"] .md-tabs__link--active {
color: var(--chasm-cyan);
border-bottom: 2px solid var(--chasm-cyan);
}
[data-md-color-scheme="slate"] .md-sidebar {
background: var(--chasm-void);
border-right: 1px solid var(--chasm-border);
}
[data-md-color-scheme="slate"] .md-sidebar__scrollwrap {
scrollbar-color: var(--chasm-border) transparent;
}
[data-md-color-scheme="slate"] .md-content {
background: var(--chasm-void);
}
[data-md-color-scheme="slate"] .highlight code {
background: var(--chasm-deep);
border: 1px solid var(--chasm-border);
border-radius: 8px;
}
[data-md-color-scheme="slate"] .md-typeset code {
background: var(--chasm-deep);
color: var(--chasm-cyan);
border-radius: 4px;
padding: 0.15em 0.4em;
font-size: 0.85em;
}
[data-md-color-scheme="slate"] .md-typeset pre code {
color: var(--chasm-text);
padding: 1em;
}
[data-md-color-scheme="slate"] .highlight .filename {
background: var(--chasm-surface);
border: 1px solid var(--chasm-border);
border-bottom: none;
color: var(--chasm-cyan);
font-family: 'JetBrains Mono', monospace;
font-size: 0.75rem;
letter-spacing: 0.05em;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
background: var(--chasm-deep);
border: 1px solid var(--chasm-border);
border-radius: 8px;
overflow: hidden;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
background: var(--chasm-surface);
color: var(--chasm-cyan);
font-weight: 600;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.08em;
border-bottom: 2px solid var(--chasm-cyan);
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
border-bottom: 1px solid var(--chasm-border);
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover td {
background: rgba(0, 212, 255, 0.03);
}
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
background: var(--chasm-deep);
border: 1px solid var(--chasm-border);
border-left: 4px solid var(--chasm-cyan);
border-radius: 8px;
}
[data-md-color-scheme="slate"] .md-typeset .admonition-title,
[data-md-color-scheme="slate"] .md-typeset summary {
background: var(--chasm-surface);
border-bottom: 1px solid var(--chasm-border);
}
[data-md-color-scheme="slate"] .md-typeset .admonition.tip,
[data-md-color-scheme="slate"] .md-typeset details.tip {
border-left-color: var(--chasm-teal);
}
[data-md-color-scheme="slate"] .md-typeset .admonition.warning,
[data-md-color-scheme="slate"] .md-typeset details.warning {
border-left-color: #f59e0b;
}
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li,
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ol > li {
background: var(--chasm-deep);
border: 1px solid var(--chasm-border);
border-radius: 12px;
transition: all 0.3s ease;
}
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li:hover,
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ol > li:hover {
border-color: var(--chasm-cyan);
box-shadow: var(--chasm-glow);
transform: translateY(-2px);
}
[data-md-color-scheme="slate"] .mermaid {
background: var(--chasm-deep);
border: 1px solid var(--chasm-border);
border-radius: 8px;
padding: 1rem;
}
[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > label {
color: var(--chasm-muted);
border-bottom: 2px solid transparent;
}
[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > label--active,
[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > label:hover {
color: var(--chasm-cyan);
}
[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > .tabbed-control--active {
color: var(--chasm-cyan);
}
[data-md-color-scheme="slate"] .md-search__input {
background: var(--chasm-deep);
border: 1px solid var(--chasm-border);
}
[data-md-color-scheme="slate"] .md-search__input:focus {
border-color: var(--chasm-cyan);
box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.15);
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
background: var(--chasm-void);
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
background: var(--chasm-border);
border-radius: 4px;
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
background: var(--chasm-cyan);
}
[data-md-color-scheme="slate"] .md-footer {
background: var(--chasm-void);
border-top: 1px solid var(--chasm-border);
}
.md-typeset h1 {
font-family: 'Orbitron', 'Inter', sans-serif;
font-weight: 800;
letter-spacing: 0.04em;
}
.md-typeset h2 {
font-weight: 700;
letter-spacing: 0.02em;
}
@media (max-width: 76.1875em) {
[data-md-color-scheme="slate"] .md-sidebar {
background: var(--chasm-deep);
}
}
@media print {
.chasm-hero,
.md-header,
.md-footer {
display: none !important;
}
}