@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");
/* ═══════════════════════════════════════════
TeaRAGs Modern Theme — Gold & Depth
═══════════════════════════════════════════ */
:root {
/* --- Brand palette --- */
--ifm-color-primary: #c5a864;
--ifm-color-primary-dark: #bb9b4e;
--ifm-color-primary-darker: #b09245;
--ifm-color-primary-darkest: #917838;
--ifm-color-primary-light: #cdb478;
--ifm-color-primary-lighter: #d1ba83;
--ifm-color-primary-lightest: #deca9e;
/* --- Info admonition override --- */
--ifm-color-info-contrast-foreground: #bb9b4e;
--ifm-color-info: #bb9b4e;
--docusaurus-highlighted-code-line-bg: rgba(197, 168, 100, 0.1);
/* --- Typography --- */
--ifm-font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
--ifm-font-family-monospace: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;
--ifm-font-size-base: 16px;
--ifm-line-height-base: 1.65;
--ifm-heading-font-weight: 700;
/* --- Geometry --- */
--ifm-global-radius: 0.75rem;
--ifm-pre-border-radius: 0.75rem;
--ifm-code-border-radius: 0.35rem;
--ifm-code-font-size: 90%;
/* --- Shadows --- */
--ifm-global-shadow-lw: 0 1px 3px rgba(0, 0, 0, 0.06);
--ifm-global-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
--ifm-global-shadow-tl: 0 12px 40px rgba(0, 0, 0, 0.12);
/* --- Spacing --- */
--ifm-navbar-height: 4.5rem;
--ifm-navbar-padding-vertical: 0;
/* --- Custom vars --- */
--tea-surface-glass: rgba(255, 255, 255, 0.03);
--tea-border-subtle: rgba(255, 255, 255, 0.06);
--tea-glow-gold: rgba(197, 168, 100, 0.15);
--tea-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
--tea-bg-depth-1: #1b1b1d;
--tea-bg-depth-2: #242427;
--tea-bg-depth-3: #2a2a2e;
--docusaurus-highlighted-code-line-bg: rgba(197, 168, 100, 0.1);
}
[data-theme="dark"] {
--ifm-color-primary: #c5a864;
--ifm-color-primary-dark: #bb9b4e;
--ifm-color-primary-darker: #b09245;
--ifm-color-primary-darkest: #917838;
--ifm-color-primary-light: #cdb478;
--ifm-color-primary-lighter: #d1ba83;
--ifm-color-primary-lightest: #deca9e;
--ifm-background-color: var(--tea-bg-depth-1);
--ifm-background-surface-color: var(--tea-bg-depth-2);
--docusaurus-highlighted-code-line-bg: rgba(197, 168, 100, 0.12);
}
[data-theme="light"] {
--tea-surface-glass: rgba(255, 255, 255, 0.7);
--tea-border-subtle: rgba(0, 0, 0, 0.06);
--tea-glow-gold: rgba(197, 168, 100, 0.1);
--tea-bg-depth-1: #ffffff;
--tea-bg-depth-2: #f8f8fa;
--tea-bg-depth-3: #f0f0f3;
--docusaurus-highlighted-code-line-bg: rgba(197, 168, 100, 0.12);
/* --- Info admonition override --- */
--ifm-color-info-contrast-foreground: #917838;
--ifm-color-info: #917838;
}
/* ═══════════════════════════════════════════
Global transitions
═══════════════════════════════════════════ */
a,
button,
.navbar__link,
.menu__link,
.table-of-contents__link,
.pagination-nav__link {
transition:
color var(--tea-transition),
background var(--tea-transition),
border-color var(--tea-transition),
box-shadow var(--tea-transition),
opacity var(--tea-transition);
}
/* ═══════════════════════════════════════════
Navbar — glassmorphism
═══════════════════════════════════════════ */
.navbar {
background: rgba(27, 27, 29, 0.75);
backdrop-filter: blur(16px) saturate(1.5);
-webkit-backdrop-filter: blur(16px) saturate(1.5);
border-bottom: 1px solid var(--tea-border-subtle);
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15);
height: var(--ifm-navbar-height);
display: flex;
align-items: center;
}
[data-theme="light"] .navbar {
background: rgba(255, 255, 255, 0.75);
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06);
}
.navbar__inner {
display: flex;
align-items: center;
}
.navbar__brand {
display: flex;
align-items: center;
}
.navbar__logo {
display: flex;
align-items: center;
margin-right: 0.5rem;
}
.navbar__logo img {
height: 3.25rem;
display: block;
transition: transform var(--tea-transition);
}
.navbar__logo img:hover {
transform: scale(1.05);
}
.navbar__brand::after {
content: "";
display: block;
width: 1px;
height: 1.75rem;
background: var(--tea-border-subtle);
margin-left: 0.75rem;
}
.navbar__title {
font-size: 1.25rem;
font-weight: 800;
letter-spacing: -0.01em;
margin-left: 0.75rem;
}
.navbar__link {
font-weight: 500;
font-size: 0.9rem;
opacity: 0.75;
}
.navbar__link:hover,
.navbar__link--active {
opacity: 1;
}
.navbar__items:first-child > .navbar__link,
.navbar__items:first-child > [class*="docSidebar"] {
margin-left: 0.5rem;
}
/* ═══════════════════════════════════════════
Sidebar — clean & modern
═══════════════════════════════════════════ */
.menu {
font-size: 0.875rem;
font-weight: 500;
padding: 0.75rem !important;
}
.menu__link {
border-radius: 0.5rem;
padding: 0.45rem 0.75rem;
}
.menu__link:hover:not(.menu__link--active) {
background: var(--tea-surface-glass);
}
.menu__link--active:not(.menu__link--sublist) {
background: var(--tea-glow-gold);
color: var(--ifm-color-primary);
font-weight: 600;
}
.sidebar-highlight > .menu__list-item-collapsible > .menu__link,
.sidebar-highlight > .menu__link {
font-weight: 800 !important;
color: var(--ifm-color-primary) !important;
}
.sidebar-bold > .menu__list-item-collapsible > .menu__link,
.sidebar-bold > .menu__link {
font-weight: 800 !important;
}
.sidebar-bold-item > .menu__link {
font-weight: 800 !important;
}
.menu__list-item-collapsible:hover {
background: var(--tea-surface-glass);
border-radius: 0.5rem;
}
.theme-doc-sidebar-container {
border-right: 1px solid var(--tea-border-subtle) !important;
}
/* ═══════════════════════════════════════════
Content area — typography & spacing
═══════════════════════════════════════════ */
.markdown h1 {
font-size: 2.25rem;
font-weight: 800;
letter-spacing: -0.025em;
margin-bottom: 1.5rem;
}
.markdown h2 {
font-size: 1.65rem;
font-weight: 700;
letter-spacing: -0.02em;
margin-top: 2.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--tea-border-subtle);
}
.markdown h3 {
font-size: 1.3rem;
font-weight: 600;
letter-spacing: -0.01em;
margin-top: 2rem;
}
article {
max-width: 52rem;
}
/* ═══════════════════════════════════════════
Code blocks — modern look
═══════════════════════════════════════════ */
.prism-code {
font-size: 0.975rem;
line-height: 1.6;
}
pre {
border: 1px solid var(--tea-border-subtle);
}
code {
border: 1px solid rgba(197, 168, 100, 0.2);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(197, 168, 100, 0.07));
font-size: var(--ifm-code-font-size);
}
pre code {
border: none;
background: none;
}
/* Light theme code blocks - brighter golden background with better contrast */
[data-theme="light"] pre {
border: 1px solid rgba(197, 168, 100, 0.3);
background: linear-gradient(135deg, rgba(255, 248, 235, 0.6), rgba(255, 250, 240, 0.8)) !important;
box-shadow: 0 1px 4px rgba(197, 168, 100, 0.1);
}
[data-theme="light"] code {
border: 1px solid rgba(197, 168, 100, 0.35);
background: linear-gradient(135deg, rgba(255, 245, 220, 0.6), rgba(197, 168, 100, 0.07));
}
[data-theme="light"] pre code {
border: none;
background: none;
}
[data-theme="light"] .prism-code {
background: transparent !important;
}
/* Increase overall contrast for syntax highlighting */
[data-theme="light"] pre code {
filter: contrast(1.15) brightness(0.95);
}
/* ═══════════════════════════════════════════
Admonitions — subtle modern cards
═══════════════════════════════════════════ */
.admonition {
border-radius: var(--ifm-global-radius);
border: 1px solid var(--tea-border-subtle);
box-shadow: var(--ifm-global-shadow-lw);
}
/* Tip — ultra bright radiant golden TeaRAGs style */
.theme-admonition.alert.alert--success {
background: linear-gradient(135deg, rgba(255, 240, 120, 0.35), rgba(255, 250, 180, 0.25)) !important;
border-color: rgba(255, 230, 120, 0.8) !important;
border-left: 4px solid #ffeb5a !important;
box-shadow: 0 0 25px rgba(255, 235, 120, 0.25), 0 0 10px rgba(255, 240, 150, 0.15) !important;
}
.theme-admonition.alert.alert--success .admonition-heading {
background: linear-gradient(90deg, rgba(255, 245, 150, 0.45), rgba(255, 240, 130, 0.2));
color: #fff8a3 !important;
font-weight: 600;
text-shadow: 0 0 15px rgba(255, 240, 130, 0.5), 0 0 5px rgba(255, 235, 100, 0.3);
}
.theme-admonition.alert.alert--success .admonition-heading h5 {
color: #fff8a3 !important;
}
.theme-admonition.alert.alert--success .admonition-icon svg {
fill: #ffeb5a !important;
filter: drop-shadow(0 0 6px rgba(255, 235, 120, 0.6)) drop-shadow(0 0 3px rgba(255, 245, 150, 0.4));
}
.theme-admonition.alert.alert--success .admonition-content {
color: rgba(255, 255, 255, 0.98);
}
[data-theme="light"] .theme-admonition.alert.alert--success {
background: linear-gradient(135deg, rgba(255, 200, 40, 0.45), rgba(255, 220, 100, 0.35)) !important;
border-color: rgba(240, 170, 30, 0.85) !important;
border-left: 5px solid #e0a020 !important;
box-shadow: 0 0 25px rgba(255, 200, 60, 0.3), 0 3px 12px rgba(240, 180, 40, 0.25), inset 0 1px 0 rgba(255, 230, 100, 0.4) !important;
}
[data-theme="light"] .theme-admonition.alert.alert--success .admonition-heading {
background: linear-gradient(90deg, rgba(255, 200, 60, 0.5), rgba(255, 220, 100, 0.3));
color: #b57810 !important;
text-shadow: 0 1px 3px rgba(255, 210, 70, 0.4);
font-weight: 600;
}
[data-theme="light"] .theme-admonition.alert.alert--success .admonition-heading h5 {
color: #b57810 !important;
}
[data-theme="light"] .theme-admonition.alert.alert--success .admonition-icon svg {
fill: #d89820 !important;
filter: drop-shadow(0 2px 4px rgba(255, 190, 50, 0.5));
}
[data-theme="light"] .theme-admonition.alert.alert--success .admonition-content {
color: rgba(0, 0, 0, 0.88);
}
/* Warning — saturated dark orange-gold with vertical gradient */
.theme-admonition.alert.alert--warning {
background: linear-gradient(180deg, rgba(218, 120, 30, 0.22), rgba(197, 100, 20, 0.16)) !important;
border-color: rgba(218, 130, 40, 0.65) !important;
border-left: 7px solid #e89928 !important;
box-shadow: 0 3px 12px rgba(218, 120, 30, 0.2), inset 0 1px 0 rgba(255, 160, 60, 0.15) !important;
}
.theme-admonition.alert.alert--warning .admonition-heading {
background: linear-gradient(180deg, rgba(230, 140, 50, 0.3), rgba(218, 120, 30, 0.15));
color: #f5c060 !important;
font-weight: 600;
border-bottom: 1px solid rgba(218, 130, 40, 0.3);
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.theme-admonition.alert.alert--warning .admonition-heading h5 {
color: #f5c060 !important;
}
.theme-admonition.alert.alert--warning .admonition-icon svg {
fill: #e89928 !important;
}
.theme-admonition.alert.alert--warning .admonition-content {
color: rgba(255, 255, 255, 0.95);
}
[data-theme="light"] .theme-admonition.alert.alert--warning {
background: linear-gradient(180deg, rgba(220, 90, 10, 0.38), rgba(240, 150, 80, 0.28)) !important;
border-color: rgba(200, 75, 10, 0.8) !important;
border-left: 8px solid #c8550a !important;
box-shadow: 0 4px 14px rgba(210, 85, 15, 0.3), inset 0 2px 0 rgba(255, 130, 50, 0.4) !important;
}
[data-theme="light"] .theme-admonition.alert.alert--warning .admonition-heading {
background: linear-gradient(180deg, rgba(220, 95, 15, 0.45), rgba(240, 150, 80, 0.25));
color: #943d08 !important;
border-bottom: 1px solid rgba(200, 75, 10, 0.5);
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
text-shadow: 0 1px 3px rgba(220, 100, 30, 0.3);
font-weight: 600;
}
[data-theme="light"] .theme-admonition.alert.alert--warning .admonition-heading h5 {
color: #943d08 !important;
}
[data-theme="light"] .theme-admonition.alert.alert--warning .admonition-icon svg {
fill: #c8550a !important;
filter: drop-shadow(0 2px 4px rgba(200, 75, 10, 0.4));
}
[data-theme="light"] .theme-admonition.alert.alert--warning .admonition-content {
color: rgba(0, 0, 0, 0.88);
}
/* Info — dark golden outline only, no background */
.theme-admonition.alert.alert--info {
--ifm-alert-foreground-color: #bb9b4e;
--ifm-alert-border-color: rgba(197, 168, 100, 0.6);
background: transparent !important;
border: 2px solid rgba(197, 168, 100, 0.6) !important;
border-left: 4px solid #bb9b4e !important;
box-shadow: none !important;
color: rgba(255, 255, 255, 0.92);
}
.theme-admonition.alert.alert--info svg {
fill: #bb9b4e !important;
}
[data-theme="light"] .theme-admonition.alert.alert--info {
--ifm-alert-foreground-color: #917838;
--ifm-alert-border-color: rgba(197, 168, 100, 0.7);
border: 2px solid rgba(197, 168, 100, 0.7) !important;
border-left: 4px solid #917838 !important;
color: rgba(0, 0, 0, 0.88);
}
[data-theme="light"] .theme-admonition.alert.alert--info svg {
fill: #917838 !important;
}
/* ═══════════════════════════════════════════
Tables — cleaner
═══════════════════════════════════════════ */
table {
font-size: 0.9rem;
border-collapse: separate;
border-spacing: 0;
border-radius: var(--ifm-global-radius);
overflow: hidden;
border: 1px solid var(--tea-border-subtle);
}
table th {
font-weight: 600;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.05em;
background: linear-gradient(135deg, rgba(197, 168, 100, 0.15), rgba(197, 168, 100, 0.08));
color: var(--ifm-color-primary-lighter);
border-bottom: 2px solid rgba(197, 168, 100, 0.3);
}
[data-theme="light"] table th {
background: linear-gradient(135deg, rgba(197, 168, 100, 0.25), rgba(197, 168, 100, 0.15));
color: var(--ifm-color-primary-darkest);
border-bottom: 2px solid rgba(197, 168, 100, 0.45);
font-weight: 700;
}
table tr:nth-child(even) {
background: var(--tea-surface-glass);
}
[data-theme="light"] table {
border: 1px solid rgba(197, 168, 100, 0.3);
background: #ffffff;
}
[data-theme="light"] table tr:nth-child(even) {
background: rgba(255, 248, 230, 0.4);
}
[data-theme="light"] table td {
border-color: rgba(197, 168, 100, 0.2);
}
/* ═══════════════════════════════════════════
TOC — minimal active states
═══════════════════════════════════════════ */
.table-of-contents__link {
font-size: 0.825rem;
color: var(--ifm-font-color-secondary);
}
.table-of-contents__link:hover,
.table-of-contents__link--active {
color: var(--ifm-color-primary);
font-weight: 500;
}
/* ═══════════════════════════════════════════
Pagination — card style
═══════════════════════════════════════════ */
.pagination-nav__link {
border: 1px solid var(--tea-border-subtle);
border-radius: var(--ifm-global-radius);
background: var(--tea-surface-glass);
transition: all var(--tea-transition);
}
.pagination-nav__link:hover {
border-color: var(--ifm-color-primary);
box-shadow: 0 0 0 1px var(--tea-glow-gold);
}
/* ═══════════════════════════════════════════
Footer — minimal & clean
═══════════════════════════════════════════ */
.footer {
border-top: 1px solid var(--tea-border-subtle);
}
.footer--dark {
background: var(--tea-bg-depth-2);
}
.footer__title {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.06em;
font-weight: 600;
opacity: 0.6;
}
.footer__link-item {
font-size: 0.875rem;
opacity: 0.8;
}
.footer__link-item:hover {
opacity: 1;
color: var(--ifm-color-primary);
}
/* ═══════════════════════════════════════════
Search bar
═══════════════════════════════════════════ */
.navbar__search-input {
background: var(--tea-surface-glass);
border: 1px solid var(--tea-border-subtle);
border-radius: 2rem;
font-size: 0.85rem;
transition: all var(--tea-transition);
}
.navbar__search-input:focus {
border-color: var(--ifm-color-primary);
box-shadow: 0 0 0 3px var(--tea-glow-gold);
}
/* ═══════════════════════════════════════════
Scrollbar — subtle
═══════════════════════════════════════════ */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.12);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.2);
}
[data-theme="light"] ::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.12);
}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.2);
}
/* ═══════════════════════════════════════════
Selection highlight
═══════════════════════════════════════════ */
::selection {
background: rgba(197, 168, 100, 0.3);
color: inherit;
}
/* ═══════════════════════════════════════════
Breadcrumbs — subtle
═══════════════════════════════════════════ */
.breadcrumbs__link {
font-size: 0.8rem;
border-radius: 0.35rem;
padding: 0.25rem 0.5rem;
}
.breadcrumbs__item--active .breadcrumbs__link {
background: var(--tea-glow-gold);
color: var(--ifm-color-primary);
}
/* ═══════════════════════════════════════════
Links — gold underline on hover
═══════════════════════════════════════════ */
.markdown a {
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color var(--tea-transition);
}
.markdown a:hover {
border-bottom-color: var(--ifm-color-primary);
}
/* ═══════════════════════════════════════════
DocCard — hover glow
═══════════════════════════════════════════ */
.card {
border: 1px solid var(--tea-border-subtle);
border-radius: var(--ifm-global-radius);
background: var(--tea-surface-glass);
transition: all var(--tea-transition);
}
.card:hover {
border-color: var(--ifm-color-primary-dark);
box-shadow: 0 0 0 1px var(--tea-glow-gold), var(--ifm-global-shadow-md);
transform: translateY(-1px);
}
/* ═══════════════════════════════════════════
Details/Summary — golden collapsible sections
═══════════════════════════════════════════ */
.markdown details {
--docusaurus-details-decoration-color: rgba(197, 168, 100, 0.3);
border: 1px solid rgba(197, 168, 100, 0.25) !important;
border-radius: var(--ifm-global-radius);
background: linear-gradient(135deg, rgba(197, 168, 100, 0.04), rgba(197, 168, 100, 0.02));
padding: 0.75rem 1rem;
margin: 0.5rem 0;
transition: all var(--tea-transition);
outline: none !important;
box-shadow: 0 0 8px rgba(197, 168, 100, 0.08), 0 0 2px rgba(197, 168, 100, 0.05) !important;
}
.markdown details:hover {
border-color: rgba(197, 168, 100, 0.4) !important;
background: linear-gradient(135deg, rgba(197, 168, 100, 0.06), rgba(197, 168, 100, 0.03));
box-shadow: 0 0 14px rgba(197, 168, 100, 0.15), 0 0 4px rgba(197, 168, 100, 0.1) !important;
}
.markdown details[open] {
border-color: rgba(197, 168, 100, 0.5) !important;
background: linear-gradient(135deg, rgba(197, 168, 100, 0.08), rgba(197, 168, 100, 0.04));
box-shadow: 0 0 18px rgba(197, 168, 100, 0.2), 0 2px 8px rgba(197, 168, 100, 0.12) !important;
}
.markdown summary {
cursor: pointer;
font-weight: 600;
color: var(--ifm-color-primary-lighter);
list-style: none;
display: flex;
align-items: center;
user-select: none;
transition: color var(--tea-transition);
position: relative;
padding-left: 1.25rem;
outline: none;
}
.markdown summary:hover {
color: var(--ifm-color-primary);
}
.markdown summary:focus {
outline: 2px solid var(--ifm-color-primary-dark);
outline-offset: 2px;
border-radius: 4px;
}
.markdown summary:focus:not(:focus-visible) {
outline: none;
}
.markdown summary::-webkit-details-marker {
display: none;
}
.markdown summary::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 0.35em 0 0.35em 0.5em;
border-color: transparent transparent transparent var(--ifm-color-primary);
transition: transform var(--tea-transition);
}
.markdown details[open] summary::before {
transform: translateY(-50%) rotate(90deg);
}
.markdown details > *:not(summary) {
margin-top: 0.75rem;
}
.markdown details summary {
border-bottom: 1px solid transparent !important;
margin-bottom: 0;
}
.markdown details[open] summary {
border-bottom-color: rgba(197, 168, 100, 0.3) !important;
padding-bottom: 0.75rem;
margin-bottom: 0.75rem;
}
.markdown details > pre,
.markdown details > div > pre,
.markdown details > code,
.markdown details > p > code {
border-color: var(--tea-border-subtle) !important;
}
/* Tables inside details: reset to normal table appearance */
.markdown details table {
background: var(--ifm-background-color);
}
.markdown details table td,
.markdown details table td code {
color: rgba(255, 255, 255, 0.9);
}
[data-theme="light"] .markdown details table {
background: #ffffff !important;
border: 1px solid rgba(197, 168, 100, 0.5) !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .markdown details table td,
[data-theme="light"] .markdown details table td code {
color: rgba(0, 0, 0, 0.92);
}
[data-theme="light"] .markdown details {
border: 1px solid rgba(197, 168, 100, 0.45) !important;
background: linear-gradient(135deg, rgba(255, 250, 235, 0.25), rgba(197, 168, 100, 0.08)) !important;
box-shadow: 0 0 6px rgba(197, 168, 100, 0.1), 0 1px 3px rgba(197, 168, 100, 0.08) !important;
}
[data-theme="light"] .markdown details:hover {
border-color: rgba(197, 168, 100, 0.6) !important;
background: linear-gradient(135deg, rgba(255, 245, 220, 0.3), rgba(197, 168, 100, 0.12)) !important;
box-shadow: 0 0 10px rgba(197, 168, 100, 0.16), 0 2px 6px rgba(197, 168, 100, 0.12) !important;
}
[data-theme="light"] .markdown details[open] {
border-color: rgba(197, 168, 100, 0.7) !important;
background: linear-gradient(135deg, rgba(255, 245, 215, 0.35), rgba(197, 168, 100, 0.15)) !important;
box-shadow: 0 0 14px rgba(197, 168, 100, 0.2), 0 3px 10px rgba(197, 168, 100, 0.14) !important;
}
[data-theme="light"] .markdown summary {
color: var(--ifm-color-primary-darker);
font-weight: 600;
}
[data-theme="light"] .markdown summary:hover {
color: var(--ifm-color-primary-darkest);
}
/* ═══════════════════════════════════════════
Horizontal dividers — dark golden
═══════════════════════════════════════════ */
.markdown hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, var(--ifm-color-primary-dark), transparent);
margin: 2rem 0;
}
.markdown details hr {
background: linear-gradient(90deg, transparent, rgba(197, 168, 100, 0.4), transparent) !important;
border-color: rgba(197, 168, 100, 0.3) !important;
margin: 1rem 0;
}
[data-theme="light"] .markdown hr {
background: linear-gradient(90deg, transparent, var(--ifm-color-primary-darker), transparent);
}
/* ═══════════════════════════════════════════
Blockquotes — golden gradient border
═══════════════════════════════════════════ */
.markdown blockquote {
border-left: 3px solid transparent;
border-image: linear-gradient(180deg, var(--ifm-color-primary), rgba(197, 168, 100, 0.2)) 1;
background: linear-gradient(135deg, rgba(197, 168, 100, 0.06), transparent);
padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.85);
}
.markdown blockquote p {
margin-bottom: 0.5em;
}
.markdown blockquote p:last-child {
margin-bottom: 0;
}
[data-theme="light"] .markdown blockquote {
border-image: linear-gradient(180deg, var(--ifm-color-primary-dark), rgba(197, 168, 100, 0.15)) 1;
background: linear-gradient(135deg, rgba(255, 248, 230, 0.3), transparent);
color: rgba(0, 0, 0, 0.82);
}
/* ═══════════════════════════════════════════
AI Query — monospace blockquote for prompts
═══════════════════════════════════════════ */
blockquote.ai-query {
font-family: "Fira Code", var(--ifm-font-family-monospace);
font-size: 0.9rem;
line-height: 1.5;
border-left: 3px solid transparent;
border-image: linear-gradient(180deg, var(--ifm-color-primary), rgba(197, 168, 100, 0.2)) 1;
background: linear-gradient(135deg, rgba(197, 168, 100, 0.08), rgba(197, 168, 100, 0.02));
padding: 0.75rem 1.25rem;
color: rgba(255, 255, 255, 0.9);
margin: 0.5rem 0 1.25rem;
}
blockquote.ai-query p {
margin-bottom: 0.4em;
}
blockquote.ai-query p:last-child {
margin-bottom: 0;
}
[data-theme="light"] blockquote.ai-query {
border-image: linear-gradient(180deg, var(--ifm-color-primary-dark), rgba(197, 168, 100, 0.15)) 1;
background: linear-gradient(135deg, rgba(255, 248, 230, 0.35), rgba(197, 168, 100, 0.05));
color: rgba(0, 0, 0, 0.85);
}
/* ═══════════════════════════════════════════
Light theme - increase text contrast
═══════════════════════════════════════════ */
[data-theme="light"] {
--ifm-font-color-base: rgba(0, 0, 0, 0.92);
--ifm-font-color-secondary: rgba(0, 0, 0, 0.75);
}
[data-theme="light"] .markdown p,
[data-theme="light"] .markdown li,
[data-theme="light"] .markdown td {
color: rgba(0, 0, 0, 0.92);
}
[data-theme="light"] .menu__link {
color: rgba(0, 0, 0, 0.8);
}
[data-theme="light"] .menu__link:hover {
color: rgba(0, 0, 0, 0.95);
}
