/* Vartalaap docs — Circuit Green on MkDocs Material: emerald primary, gold accent, the brand fonts. */
:root { --md-primary-fg-color: #0F4A30; --md-primary-fg-color--light: #17A35C; --md-primary-fg-color--dark: #07261A; --md-accent-fg-color: #C8942A; --md-accent-fg-color--transparent: rgba(232,185,74,.12);
  --md-text-font: "Manrope", system-ui, sans-serif; --md-code-font: "JetBrains Mono", ui-monospace, Menlo, monospace; }
[data-md-color-scheme="slate"] { --md-default-bg-color: #07261A; --md-default-bg-color--light: #0B3322; --md-default-bg-color--lighter: #0F4A30; --md-default-bg-color--lightest: #17A35C; --md-code-bg-color: #04140E; --md-footer-bg-color: #04140E; --md-footer-bg-color--dark: #020A07; --md-typeset-a-color: #6FE3A4; --md-accent-fg-color: #FFD978; --md-primary-fg-color: #0B3322; --md-default-fg-color--light: rgba(255,255,255,.74); }
.md-header, .md-tabs { background: linear-gradient(180deg, #0B3322, #07261A); }
.md-typeset h1, .md-typeset h2 { font-family: "Bricolage Grotesque", "Manrope", sans-serif; letter-spacing: -.02em; font-weight: 700; }
.md-typeset h1 { font-size: 2.3em; } .md-typeset h2 { font-size: 1.55em; }
.md-typeset code, .md-typeset pre { font-size: .82em; }
.md-typeset .hi { font-family: "Noto Sans Devanagari", "Noto Sans", sans-serif; }
.md-typeset table:not([class]) { font-size: .78rem; } .md-typeset table:not([class]) th { background: var(--md-default-bg-color--light); }
.md-typeset .price { font-family: "Bricolage Grotesque", sans-serif; font-size: 2.6em; font-weight: 700; color: #C8942A; line-height: 1; } [data-md-color-scheme="slate"] .md-typeset .price { color: #FFD978; }
.md-typeset .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .8rem; margin: 1rem 0; }
.md-typeset .cards > a, .md-typeset .cards > div { display: block; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 12px; padding: .9rem 1rem; color: inherit; text-decoration: none; background: var(--md-default-bg-color--light); }
.md-typeset .cards > a:hover { border-color: var(--md-accent-fg-color); } .md-typeset .cards b { display: block; margin-bottom: .2rem; font-size: 1rem; } .md-typeset .cards small { color: var(--md-default-fg-color--light); }
.md-typeset .badge { display: inline-block; font: 600 .62rem/1 "JetBrains Mono", monospace; letter-spacing: .1em; text-transform: uppercase; padding: .3em .6em; border-radius: 999px; border: 1px solid currentColor; vertical-align: middle; margin-left: .4em; }
.md-typeset .badge.post { color: #17A35C; } .md-typeset .badge.get { color: #2F80ED; } .md-typeset .badge.ws { color: #C8942A; }
.md-typeset .stat-row { display: flex; gap: 1.2rem; flex-wrap: wrap; margin: 1rem 0; } .md-typeset .stat-row div { flex: 1 1 140px; border-left: 3px solid #17A35C; padding: .2rem .8rem; } .md-typeset .stat-row b { display: block; font-family: "Bricolage Grotesque", sans-serif; font-size: 1.6rem; font-weight: 700; } .md-typeset .stat-row small { color: var(--md-default-fg-color--light); }
/* layout + readability pass */
.md-grid { max-width: 76rem; }
.md-typeset { font-size: .8rem; line-height: 1.65; }
.md-typeset h1 { color: var(--md-primary-fg-color); margin-bottom: 1.2rem; } [data-md-color-scheme="slate"] .md-typeset h1 { color: #fff; }
.md-typeset h2 { margin-top: 2.2em; } .md-typeset h3 { font-weight: 700; }
.md-typeset table:not([class]) td, .md-typeset table:not([class]) th { padding: .6em .9em; vertical-align: top; }
.md-typeset table:not([class]) code { white-space: nowrap; }
.md-typeset pre > code { line-height: 1.55; }
.md-typeset .admonition, .md-typeset details { border-radius: 10px; }
.md-nav__title, .md-nav__item { font-size: .72rem; }
.md-header__title { font-family: "Bricolage Grotesque", "Manrope", sans-serif; font-weight: 700; letter-spacing: -.01em; }
/* markdown wraps the card links in <p>; let the grid see the links directly */
.md-typeset .cards > p { display: contents; margin: 0; }
.md-typeset .cards > p > a { display: block; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 12px; padding: .9rem 1rem; color: inherit; text-decoration: none; background: var(--md-default-bg-color--light); }
.md-typeset .cards > p > a:hover { border-color: var(--md-accent-fg-color); }
.md-typeset .cards b { color: var(--md-primary-fg-color); } [data-md-color-scheme="slate"] .md-typeset .cards b { color: #fff; }