:root{
    --gutter:  2rem;
    --margin:  420px;
    --body-pad: 1rem;
    --content: clamp(
	var(--content-min),
	calc(100vi - 2*var(--body-pad) - 2*(var(--margin) + var(--gutter))),
	var(--content-max)
    );
    --content-min: 60ch;
    --content-max: 880px;
    --bleed: 48px; 
    --fullwidth-cap: 860px;
    --bg: #faf9f6;
    --fg: #000000;
    --link: #1a0dab;
    --heading: #004c99;
    --surface: #ffffff;
    --surface-soft: #f3f1eb;
    --accent: #2563eb;
    --code-bg: #f0f0f0;
    --active-toc: #cacaca;
    --note-color: #555;
    --note-bg: transparent;
    --border: #d7d7d7;
    --chip-bg: #f0f0f0;
    --chip-fg: #444;
    --muted: #666;
    --bg-color: var(--surface);
    --border-color: var(--border);
    --border-muted: var(--border);
    --text-muted: var(--muted);
    --accent-bg: color-mix(in oklab, var(--accent) 10%, var(--surface));

    --font-body:  'DM Sans', system-ui, sans-serif;
    --kb-bg-completed:        #e6f4ea;
    --kb-bg-manager-review:  #fff4e5;
    --kb-bg-in-progress:     #e8f0fe;
    --kb-bg-not-started:     #f1f3f5;
    --kb-bg-comments:        #fdecea;
    
    --kb-column-border: rgba(0,0,0,0.06);
    --kb-card-bg: #ffffff;
    --kb-card-text: #1f2933;
}

:root[data-theme="dark"]{
    --bg: #0f1115;
    --fg: #e6e6e6;
    --link: #8ab4ff;
    --heading: #9ecbff;
    --surface: #151820;
    --surface-soft: #1b202a;
    --accent: #8ab4ff;
    --code-bg: #1a1d24;
    
    --note-color: #c2c7cf;
    --note-bg: transparent;
    
    --border: #2a2f3a;
    --chip-bg: #1f2330;
    --chip-fg: #cfd3da;
    --muted: #a9b0bb;
    --active-toc: #313131;

    --kb-bg-completed:        #1e3a2b;
    --kb-bg-manager-review:  #3a2f1e;
    --kb-bg-in-progress:     #1f2a44;
    --kb-bg-not-started:     #2a2d31;
    --kb-bg-comments:        #3b1f24;

    --kb-column-border: rgba(255,255,255,0.08);
    --kb-card-bg: #16181c;
    --kb-card-text: #e5e7eb;
 
}

:root[data-theme="dark-academia"]{
    color-scheme: dark;
    --bg: #11100d;
    --fg: #f7ecd5;
    --link: #d8b86f;
    --heading: #e8cf91;
    --surface: #1d1a16;
    --surface-soft: #242019;
    --accent: #b89145;
    --code-bg: #191814;
    --active-toc: rgba(184, 145, 69, 0.18);
    --note-color: #d9c9aa;
    --note-bg: rgba(243, 234, 215, 0.05);
    --border: rgba(217, 190, 124, 0.32);
    --chip-bg: rgba(184, 145, 69, 0.14);
    --chip-fg: #f0d89a;
    --muted: #b6a681;
    --bg-color: var(--surface);
    --border-color: var(--border);
    --border-muted: rgba(217, 190, 124, 0.24);
    --text-muted: var(--muted);
    --accent-bg: rgba(184, 145, 69, 0.16);

    --kb-bg-completed:        rgba(68, 106, 87, 0.24);
    --kb-bg-manager-review:  rgba(184, 145, 69, 0.2);
    --kb-bg-in-progress:     rgba(82, 93, 117, 0.22);
    --kb-bg-not-started:     rgba(243, 234, 215, 0.08);
    --kb-bg-comments:        rgba(125, 47, 54, 0.24);

    --kb-column-border: rgba(217, 190, 124, 0.2);
    --kb-card-bg: #181510;
    --kb-card-text: #f3ead7;
}