/* האחים קרוגמן - look adjustments on top of the core CSS (loaded after /brand.css).
   Colours come from the logo; the leaf sprig (mark.svg) is the small mark. */

:root {
    --ink: #1A2410;      /* the near-black green of the name in the logo */
    --muted: #5E6650;
    --line: #D6DCC8;
    --bg-2: #E6EBDA;
    --radius: 12px;
    --shadow: 0 2px 14px rgba(26, 36, 16, 0.08);
}

/* ---- Login screens: the logo illustration, the name, and the sprig divider ---- */
.auth-card { max-width: 420px; }
.auth-brand::before {
    content: '';
    display: block;
    height: 200px;
    margin: -8px auto 10px;
    background: url('logo-illustration.jpg') center / contain no-repeat;
}
.auth-brand .auth-logo { display: none; }
.auth-brand .wordmark-large {
    color: var(--ink);
    font-size: 2rem;
    line-height: 1.2;
}
.auth-brand .wordmark-large::after {
    content: '';
    display: block;
    height: 22px;
    margin: 8px 0 2px;
    background:
        url('mark.svg') center / 34px 22px no-repeat,
        linear-gradient(var(--brand), var(--brand)) left 50% / calc(50% - 26px) 1px no-repeat,
        linear-gradient(var(--brand), var(--brand)) right 50% / calc(50% - 26px) 1px no-repeat;
}

/* ---- Side bar and mobile top bar ---- */
.sidenav-brand { color: var(--ink); }
.sidenav-logo { height: 26px; width: auto; }
.topbar-m .wordmark {
    display: inline-flex; align-items: center; gap: 8px;
    color: var(--ink);
}
.topbar-m .wordmark::before {
    content: '';
    width: 30px; height: 20px;
    background: url('mark.svg') center / contain no-repeat;
}

/* ---- Buttons and headings ---- */
.btn-primary { box-shadow: 0 1px 0 rgba(26, 36, 16, 0.25); }
.page-head h1 { color: var(--ink); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--brand); }