/* singlebox-lite.css — preset “SingleBox / Genesis-like” (aligned to core.css) — doc*
   Load AFTER core.css.
*/

:root {
    --sb-bg: #faf7f4;
    --sb-surface: #ffffff;
    --sb-fg: #30373d;
    --sb-muted: rgba(48, 55, 61, 0.70);

    --sb-link: #f99a00;
    --sb-border: rgba(38, 30, 65, 0.10);

    --sb-radius: 8px;
    --sb-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* Base palette override */
body {
    background: var(--sb-bg);
    color: var(--sb-fg);
}

a { color: var(--sb-link); }
a:hover { color: #aeafb1; }

.site-header,
.site-footer { border-color: var(--sb-border); }

.site-footer { color: var(--sb-muted); }

.breadcrumb { color: var(--sb-muted); }
.breadcrumb a { color: var(--sb-muted); }
.breadcrumb a:hover { color: var(--sb-link); }

/* Doc as card */
.doc {
    background: var(--sb-surface);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--sb-radius);
    box-shadow: var(--sb-shadow);
    padding: 24px;
}

/* Spacing between blocks */
.doc + .doc,
.list + .list,
.error + .error {
    margin-top: 24px;
}

.doc__title { letter-spacing: -0.2px; }