/* founder-lite.css — Streamline palette + “righette” background — aligned to core.css — doc*
   Load AFTER core.css.
*/

:root {
    --bg: #f6f7fb;
    --fg: #00065A;
    --muted: rgba(0, 6, 90, 0.70);

    --link: #f77b2e;
    --border: rgba(0, 6, 90, 0.14);

    --surface: #ffffff;
    --frame: #00065A;
    --red: #FF0000;

    --shadow-soft: 0 2px 8px rgba(0, 6, 90, 0.06);
}

body {
    background-color: var(--bg);
    color: var(--fg);

    background-image: repeating-linear-gradient(
            90deg,
            rgba(0, 6, 90, 0.040) 0,
            rgba(0, 6, 90, 0.040) 1px,
            transparent 1px,
            transparent 5px
    );
}

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

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

code {
    background: rgba(0, 6, 90, 0.94);
    color: #ffffff;
    padding: 0.10em 0.35em;
    border-radius: 4px;
}

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

/* Primary nav: look only, geometry stays in core */
.nav.nav--primary {
    background: var(--frame);
    color: #DCE6E6;
    border-bottom: 1px solid var(--red);
    padding: 0 16px; /* no vertical padding */
}

.nav__link {
    color: #DCE6E6;
    gap: 8px;
}
.nav__link:hover { color: #ffffff; }

.nav__link.is-current {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Breadcrumb: look only */
.breadcrumb {
    color: var(--frame);
    border-bottom: 1px solid var(--red);
}

.breadcrumb__item + .breadcrumb__item::before {
    content: " / ";
    color: var(--frame);
    font-weight: 700;
    opacity: 1;
}

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

/* Surfaces */
.content,
.error {
    background: var(--surface);
    border-bottom: 1px solid var(--fg);
    padding: 16px;
    box-shadow: var(--shadow-soft);
}

.list {
    background: var(--surface);
    border-bottom: 1px solid var(--fg);
    padding: 16px;
    box-shadow: none;
}

.doc {
    background: var(--surface);
    padding: 16px;
    box-shadow: none;
}

.error { border-bottom-width: 3px; }

.doc + .doc,
.list + .list,
.error + .error {
    margin-top: 12px;
}

.icon--nav { opacity: 0.9; }

.skip-link {
    background: var(--link);
    color: #ffffff;
}

.md-note {
    padding: 0.75rem 1rem;
    border-left: 4px solid currentColor;
    opacity: 0.9;
    margin: 1rem 0;
}
.md-hi { padding: 0 0.15em; }