jekyll-theme-modootoday 1.0.0

data/_sass/modootoday/layout/_shell.scss

@@ -0,0 +1,56 @@
+// Page shell: skip link, sticky header, main (with optional sticky TOC column), footer.
+@include mt-layer(layout) {
+  .mt-skip { position: absolute; inset-inline-start: -999px; top: 0; }
+  .mt-skip:focus { inset-inline-start: calc(#{mt(space)} + var(--mt-safe-left)); top: calc(#{mt(space)} + var(--mt-safe-top)); background: mt(background); padding: .5rem; z-index: 30; }
+  .mt-header { padding-top: var(--mt-safe-top); position: sticky; top: 0; z-index: 20; border-bottom: 1px solid mt(border);
+    background: mt(background); background: color-mix(in srgb, #{mt(background)} 86%, transparent);
+    -webkit-backdrop-filter: saturate(1.6) blur(10px); backdrop-filter: saturate(1.6) blur(10px); }
+  .mt-header-inner, .mt-main, .mt-footer-inner { width: 100%; max-width: mt(container); margin: 0 auto;
+    padding-left: calc(var(--mt-gutter) + var(--mt-safe-left)); padding-right: calc(var(--mt-gutter) + var(--mt-safe-right)); }
+  .mt-header-inner { display: flex; align-items: center; gap: .5rem 1.25rem; min-height: mt(header-height); }
+  .mt-site-title { flex: none; display: inline-flex; align-items: center; gap: .55rem; font-weight: 700; letter-spacing: -.01em;
+    text-decoration: none; color: mt(foreground); white-space: nowrap; }
+  .mt-site-title:not(.mt-has-logo)::before { content: ""; width: 1.4rem; height: 1.4rem; border-radius: .4rem; flex: none;
+    background: mt(brand); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); }
+  .mt-main { flex: 1 0 auto; padding-top: 2.5rem; padding-bottom: 4rem; }
+  .mt-main.mt-main-full { max-width: none; padding-left: var(--mt-safe-left); padding-right: var(--mt-safe-right); }
+  // One alignment system: header, main and footer share the container. Pages with a TOC put the text column on the
+  // container's left edge (under the logo); pages without one (home, landing) centre a wider column.
+  .mt-doc-layout, .mt-doc-layout ~ .mt-page-meta, .mt-doc-layout ~ .mt-pagination { max-width: 52rem; margin-inline: auto; }
+  .mt-doc-layout.mt-has-toc { max-width: none; }
+  .mt-doc-main { min-width: 0; }
+  .mt-doc-aside { display: none; }
+  .mt-footer { padding-bottom: var(--mt-safe-bottom); border-top: 1px solid mt(border); color: mt(muted-foreground); font-size: .875rem; background: mt(muted); }
+  .mt-footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
+  .mt-footer p { margin: 0; min-width: 0; overflow-wrap: anywhere; }
+  .mt-footer a { color: mt(foreground); }
+  // Language switcher (modootoday/lang-switch.html): a list in footers; in the header a globe button whose <details>
+  // dropdown shares the nav "More" menu styles (_nav.scss), so its width does not grow with the number of languages.
+  .mt-lang ul { list-style: none; margin: 0; padding: 0; display: flex; gap: .25rem; }
+  .mt-lang li + li { margin-top: 0; }
+  nav.mt-lang a { display: inline-block; min-height: 1.5rem; }
+  .mt-lang a[aria-current] { font-weight: 600; }
+  details.mt-lang { position: relative; flex: none; }
+  details.mt-lang > summary { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; justify-content: center; border: 1px solid mt(border); border-radius: mt(radius); color: mt(foreground); }
+  // Icons (modootoday/brand/icon.html) are sized and stroked by SVG attributes; only alignment and RTL mirroring live here.
+  .mt-icon { flex: none; vertical-align: -.125em; }
+  [dir="rtl"] .mt-icon-flip { transform: scaleX(-1); }
+  .mt-logo { flex: none; color: mt(brand); }
+  .mt-footer .mt-logo { vertical-align: middle; margin-inline-end: .4rem; }
+  @media (min-width: 64rem) and (max-width: 79.99rem) { .mt-header-inner { column-gap: .75rem; } }
+  @media (max-width: 29.99rem) { .mt-site-title { margin-inline-end: auto; } }
+  .mt-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
+  @media (min-width: 64rem) {
+    .mt-doc-layout.mt-has-toc { display: grid; grid-template-columns: minmax(0, #{mt(measure)}) 14rem; gap: 3.5rem; }
+    .mt-has-toc ~ .mt-page-meta, .mt-has-toc ~ .mt-pagination { max-width: mt(measure); margin-inline-start: 0; }
+    .mt-doc-aside { display: block; }
+    .mt-doc-aside .mt-toc, .mt-doc-nav .mt-sidebar { position: sticky; top: calc(#{mt(header-height)} + 2rem); max-height: calc(100vh - #{mt(header-height)} - 4rem); overflow-y: auto; }
+  }
+  @media (max-width: 47.99rem) {
+    .mt-header-inner { flex-wrap: wrap; padding-top: .6rem; gap: .5rem .75rem; }
+    .mt-main { padding-top: 1.5rem; }
+    :root { --mt-gutter: 1rem; }
+  }
+  // New-window arrow (on unless external_links.icon: false); empty alt text, the hint is spoken via aria-describedby.
+  [data-mt-nw-icon] [data-mt-new-window]::after { content: unquote('"\\2197" / ""'); }
+}

data/_sass/modootoday/marketing/_forms.scss

@@ -0,0 +1,11 @@
+// Contact list and form.
+@include mt-layer(components) {
+  .mt-mk-contacts { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); margin: 2rem 0; }
+  .mt-mk-contacts dt { color: mt(muted-foreground); font-size: .8125rem; font-weight: 600; }
+  .mt-mk-contacts dd { margin: .25rem 0 0; overflow-wrap: anywhere; }
+  .mt-mk-form { display: grid; gap: .25rem; max-width: 36rem; margin-top: 2rem; }
+  .mt-mk-form label { display: block; margin-bottom: .375rem; font-weight: 600; }
+  .mt-mk-form input, .mt-mk-form textarea { box-sizing: border-box; width: 100%; min-height: 2.75rem; padding: .5rem .75rem;
+    border: 1px solid mt(border); border-radius: mt(radius); background: mt(background); color: mt(foreground); font: inherit; font-size: 1rem; }
+  .mt-mk-form :focus-visible { outline: 2px solid mt(ring); outline-offset: 1px; }
+}

data/_sass/modootoday/marketing/_index.scss

@@ -0,0 +1,10 @@
+// Marketing page partials (separate bundle). Uses the core tokens (--mt-*) already on the page; emits no tokens.
+@import "../settings";
+@import "../tools/functions";
+@import "../tools/mixins";
+@import "../kit/button";
+@import "page";
+@import "pricing";
+@import "forms";
+@import "../tools/img-dark";
+@include mt-img-dark('.mt-mk-avatar, .mt-main img:not([src$=".svg"])');

data/_sass/modootoday/marketing/_page.scss

@@ -0,0 +1,31 @@
+// Shared header, feature grid, download table, brand swatches and the link page.
+@include mt-layer(components) {
+  .mt-mk-head { margin: 1rem 0 2rem; }
+  .mt-mk-head h1 { margin: 0; font-size: unquote("clamp(2rem, 1.4rem + 2.4vw, 3rem)"); line-height: 1.1; letter-spacing: -.03em; }
+  .mt-mk-lead { margin: .75rem 0 0; max-width: 40rem; font-size: 1.15rem; color: mt(muted-foreground); }
+  .mt-mk-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.5rem 0 0; }
+  .mt-mk-end { margin-top: 2.5rem; }
+  @include mt-kit-button(".mt-mk-btn");
+  .mt-mk-grid, .mt-mk-swatches, .mt-mk-files, .mt-mk-linklist { margin: 0 0 2rem; padding: 0; list-style: none; }
+  :is(.mt-mk-grid, .mt-mk-swatches, .mt-mk-files, .mt-mk-linklist) > li { margin: 0; }
+  .mt-mk-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
+  .mt-mk-grid li { padding: 1.25rem; border: 1px solid mt(border); border-radius: mt(radius-lg); background: mt(card); }
+  .mt-mk-grid h2 { margin: 0 0 .375rem; font-size: 1.0625rem; }
+  .mt-mk-grid p { margin: 0; color: mt(muted-foreground); }
+  .mt-mk-meta { color: mt(muted-foreground); }
+  .mt-mk-table { overflow-x: auto; margin-bottom: 2rem; }
+  .mt-mk-table td, .mt-mk-table th { vertical-align: middle; }
+  .mt-mk-swatches { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); }
+  .mt-mk-chip { display: block; width: 100%; height: 4rem; margin-bottom: .5rem; border: 1px solid mt(border); border-radius: mt(radius); }
+  .mt-mk-swatches code { display: block; font-size: .8125rem; }
+  .mt-mk-files li { padding: .5rem 0; border-bottom: 1px solid mt(border); }
+  .mt-mk-files span { color: mt(muted-foreground); font-size: .875rem; }
+  .mt-mk-links { max-width: 30rem; margin-inline: auto; text-align: center; }
+  .mt-mk-links .mt-mk-lead { margin-inline: auto; }
+  .mt-mk-avatar { display: block; margin: 2rem auto 0; border-radius: 50%; }
+  .mt-mk-linklist { display: grid; gap: .75rem; }
+  .mt-mk-linklist a { display: block; padding: .875rem 1rem; border: 1px solid mt(border); border-radius: mt(radius-lg);
+    background: mt(card); color: mt(card-foreground); font-weight: 600; text-decoration: none; }
+  .mt-mk-linklist a:hover { border-color: mt(primary); }
+  .mt-mk-linklist a:focus-visible { outline: 2px solid mt(ring); outline-offset: 2px; }
+}

data/_sass/modootoday/marketing/_pricing.scss

@@ -0,0 +1,15 @@
+// Pricing layout on top of the pricing component sheet: h2 plan names and the CSS-only Monthly/Yearly switch.
+@include mt-layer(components) {
+  .mt-mk-pricing .mt-plan h2 { margin: 0 0 .5rem; font-size: 1.0625rem; }
+  .mt-mk-price { margin: 0 0 1rem; color: mt(muted-foreground); }
+  .mt-mk-price strong { color: mt(card-foreground); font-size: 1.875rem; font-weight: 750; letter-spacing: -.02em; }
+  .mt-price-y, .mt-bill-y:checked ~ .mt-plans .mt-price-m { display: none; }
+  .mt-bill-y:checked ~ .mt-plans .mt-price-y { display: inline; }
+  .mt-mk-billing { display: inline-flex; padding: .25rem; border: 1px solid mt(border); border-radius: 999px; }
+  .mt-mk-billing label { padding: .375rem 1rem; border-radius: 999px; cursor: pointer; font-size: .9375rem; font-weight: 600; }
+  .mt-bill-m:checked ~ .mt-mk-billing label[for="mt-bill-m"], .mt-bill-y:checked ~ .mt-mk-billing label[for="mt-bill-y"] {
+    background: mt(primary); color: mt(primary-foreground); }
+  .mt-bill-m:focus-visible ~ .mt-mk-billing label[for="mt-bill-m"], .mt-bill-y:focus-visible ~ .mt-mk-billing label[for="mt-bill-y"] {
+    outline: 2px solid mt(ring); outline-offset: 2px; }
+  @media (forced-colors: active) { .mt-bill-m:checked ~ .mt-mk-billing label[for="mt-bill-m"], .mt-bill-y:checked ~ .mt-mk-billing label[for="mt-bill-y"] { outline: 2px solid; } }
+}

data/_sass/modootoday/pages/_actions.scss

@@ -0,0 +1,11 @@
+// Link buttons for shells (same look as the core CTA buttons, available without the cta component).
+@include mt-layer(components) {
+  .mt-shell-minimal .mt-actions, .mt-home .mt-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.75rem 0 0; }
+  .mt-shell-minimal .mt-actions > a, .mt-home .mt-actions > a, .mt-search-submit { display: inline-flex; align-items: center; gap: .5rem;
+    min-height: 2.75rem; padding: 0 1.25rem; border-radius: mt(radius); border: 1px solid mt(border); background: mt(background);
+    color: mt(foreground); font: inherit; font-size: .9375rem; font-weight: 600; text-decoration: none; cursor: pointer; }
+  .mt-shell-minimal .mt-actions > a:first-child, .mt-home .mt-actions > a:first-child, .mt-search-submit {
+    background: mt(primary); border-color: mt(primary); color: mt(primary-foreground); }
+  .mt-shell-minimal .mt-actions > a:focus-visible, .mt-home .mt-actions > a:focus-visible, .mt-search-submit:focus-visible {
+    outline: 2px solid mt(ring); outline-offset: 2px; }
+}

data/_sass/modootoday/pages/_error.scss

@@ -0,0 +1,7 @@
+// error layout: large status code above the localized title.
+@include mt-layer(components) {
+  .mt-error { text-align: center; }
+  .mt-error .mt-actions { justify-content: center; }
+  .mt-error-code { margin: 0; font-size: unquote("clamp(4rem, 3rem + 6vw, 7rem)"); font-weight: 800; line-height: 1;
+    letter-spacing: -.04em; color: mt(primary); font-variant-numeric: tabular-nums; }
+}

data/_sass/modootoday/pages/_index.scss

@@ -0,0 +1,11 @@
+// Page shell partials (separate bundle). Uses the core tokens (--mt-*) already on the page; emits no tokens.
+@import "../settings";
+@import "../tools/functions";
+@import "../tools/mixins";
+@import "shells";
+@import "actions";
+@import "error";
+@import "search";
+@import "legal";
+@import "../tools/img-dark";
+@include mt-img-dark(".mt-hero-media");

data/_sass/modootoday/pages/_legal.scss

@@ -0,0 +1,17 @@
+// Legal pages: dates under the title, a contents list, a readable measure. // Print: the page alone on paper (no header, skip link, banner, page meta, back-to-top or footer).
+@include mt-layer(components) {
+  .mt-legal-head { margin: 1rem 0 1.5rem; }
+  .mt-legal-head h1 { margin: 0; }
+  .mt-legal-meta { margin: .5rem 0 0; color: mt(muted-foreground); font-size: .875rem; }
+  .mt-legal-lead { font-size: 1.0625rem; }
+  .mt-legal .mt-toc { margin-bottom: 2rem; padding: 1rem 1.25rem; border: 1px solid mt(border); border-radius: mt(radius-lg); }
+  .mt-legal .mt-toc ol { margin: 0; }
+  .mt-legal-body { max-width: 44rem; }
+  .mt-legal-body :is(h2, h3) { scroll-margin-top: 4rem; }
+  @media print {
+    .mt-legal .mt-toc { display: none; }
+    .mt-legal-body { max-width: none; }
+    .mt-legal-body a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .8em; }
+  }
+}
+@media print { body:has(.mt-legal) :is(.mt-header, .mt-skip, .mt-banner, .mt-page-meta, .mt-back-to-top, .mt-footer) { display: none; } }

data/_sass/modootoday/pages/_search.scss

@@ -0,0 +1,9 @@
+// search layout: no-JavaScript fallback form under the page body.
+@include mt-layer(components) {
+  .mt-search-form { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; max-width: 40rem; }
+  .mt-search-form > label { flex-basis: 100%; font-weight: 600; }
+  .mt-search-form > input { flex: 1 1 14rem; min-height: 2.75rem; padding: 0 .875rem; font-size: 1rem; color: mt(foreground);
+    background: mt(background); border: 1px solid mt(border); border-radius: mt(radius); }
+  .mt-search-form > input:focus-visible { outline: 2px solid mt(ring); outline-offset: 1px; }
+  .mt-search-hint { flex-basis: 100%; margin: 0; font-size: .875rem; color: mt(muted-foreground); }
+}

data/_sass/modootoday/pages/_shells.scss

@@ -0,0 +1,11 @@
+// minimal (narrow centred column, no chrome) and wide (no reading-width cap); home hero.
+@include mt-layer(layout) {
+  .mt-main.mt-shell-minimal { max-width: 36rem; display: flex; flex-direction: column; justify-content: center;
+    min-height: 100vh; min-height: 100dvh; padding-block: unquote("max(2.5rem, env(safe-area-inset-top))") unquote("max(2.5rem, env(safe-area-inset-bottom))"); }
+  .mt-main.mt-shell-wide { max-width: mt(container); }
+  .mt-home > .mt-hero { padding: 3rem 0 2rem; text-align: center; }
+  .mt-home > .mt-hero > .mt-hero-text { margin-inline: auto; max-width: 40rem; font-size: 1.2rem; line-height: 1.6; color: mt(muted-foreground); }
+  .mt-home > .mt-hero > .mt-actions { justify-content: center; }
+  .mt-home > .mt-hero > .mt-hero-media { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 9; object-fit: cover; margin-block-start: 2rem; border-radius: mt(radius-lg); background: mt(muted); }
+  .mt-hero-title { font-size: unquote("clamp(2.25rem, 1.5rem + 3vw, 3.5rem)"); line-height: 1.08; letter-spacing: -.035em; font-weight: 750; margin: 0 0 1.25rem; }
+}

data/_sass/modootoday/resume/_index.scss

@@ -0,0 +1,5 @@
+// Resume (separate bundle): print-first CV. Uses the core tokens already on the page; emits no tokens.
+@import "../settings";
+@import "../tools/functions";
+@import "../tools/mixins";
+@import "page";

data/_sass/modootoday/resume/_page.scss

@@ -0,0 +1,27 @@
+// One column that reads like paper on screen and fits A4 / Letter in print. // Print: the page alone on paper (no header, skip link, banner, page meta, back-to-top or footer).
+@include mt-layer(components) {
+  .mt-cv { max-width: 46rem; margin-inline: auto; }
+  .mt-cv-head { margin: 1rem 0 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid mt(foreground); }
+  .mt-cv-head h1 { margin: 0; font-size: 2.25rem; letter-spacing: -.02em; }
+  .mt-cv-headline { margin: .25rem 0 0; font-size: 1.125rem; color: mt(muted-foreground); }
+  .mt-cv-contact { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; margin: .75rem 0 0; padding: 0; list-style: none; font-size: .9375rem; }
+  .mt-cv-contact > li { margin: 0; }
+  .mt-cv h2 { margin: 2rem 0 .5rem; font-size: .875rem; text-transform: uppercase; letter-spacing: .08em; color: mt(muted-foreground); }
+  .mt-cv-item { margin-bottom: 1.25rem; break-inside: avoid; }
+  .mt-cv-item h3 { display: flex; flex-wrap: wrap; gap: 0 .5rem; margin: 0; font-size: 1.0625rem; }
+  .mt-cv-org { font-weight: 400; color: mt(muted-foreground); }
+  .mt-cv-org::before { content: "· "; }
+  .mt-cv-when { margin: 0 0 .25rem; color: mt(muted-foreground); font-size: .875rem; font-variant-numeric: tabular-nums; }
+  .mt-cv-item p, .mt-cv-item ul { margin-block: .25rem; }
+  .mt-cv-skills { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1rem; margin: 0; }
+  .mt-cv-skills dt { font-weight: 600; }
+  .mt-cv-skills dd { margin: 0; }
+}
+@media print {
+  @page { margin: 14mm 16mm; }
+  body:has(.mt-cv) :is(.mt-header, .mt-skip, .mt-banner, .mt-page-meta, .mt-back-to-top, .mt-footer) { display: none; }
+  .mt-cv { max-width: none; font-size: 10.5pt; line-height: 1.4; color: #000; }
+  .mt-cv a { color: inherit; text-decoration: none; }
+  .mt-cv-head h1 { font-size: 22pt; }
+  .mt-cv h2 { margin-top: 1rem; }
+}

data/_sass/modootoday/tokens/_emit.scss

@@ -0,0 +1,15 @@
+// Emits primitive + semantic tokens. Light by default; dark follows prefers-color-scheme unless
+// <html data-theme="light">, and is forced by <html data-theme="dark"> (modootoday.color_scheme).
+@include mt-layer(tokens) {
+  :root {
+    color-scheme: light dark;
+    @include mt-emit($mt-primitive, "mt-p-");
+    @include mt-emit($mt-base);
+    @include mt-emit($mt-light);
+  }
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) { @include mt-emit($mt-dark); }
+  }
+  :root[data-theme="dark"] { color-scheme: dark; @include mt-emit($mt-dark); }
+  :root[data-theme="light"] { color-scheme: light; }
+}

data/_sass/modootoday/tokens/_primitive.scss

@@ -0,0 +1,18 @@
+// Layer 1 — primitive tokens (--mt-p-*). Raw palette and scales; components never use them directly.
+$mt-primitive: (
+  "white": #ffffff, "black": #000000,
+  gray-50: #f6f8fa, gray-100: #eff2f5, gray-200: #d1d9e0, gray-400: #9198a1, gray-500: #59636e,
+  gray-700: #3d444d, gray-750: #1a212b, gray-800: #151b23, gray-850: #1f2328, gray-900: #0d1117, gray-100d: #e6edf3,
+  // modootoday brand (모두의오늘): 500 is the logo mark, 600 the light action colour, 400 the dark action colour.
+  brand-300: #ef8d78, brand-400: #e96346, brand-500: #d94925, brand-600: #b94022, brand-700: #a8321b,
+  blue-400: #4493f8, blue-600: #0969da,
+  green-400: #3fb950, green-600: #1a7f37,
+  purple-400: #ab7df8, purple-600: #8250df,
+  yellow-400: #d29922, yellow-600: #9a6700,
+  red-400: #f85149, red-600: #d1242f,
+  // caution uses rose (hue ~345deg) so it never reads as the orange-red brand link colour.
+  rose-400: #ff7b9c, rose-600: #b8174a,
+  orange-400: #ffa657, orange-600: #953800, teal-400: #79c0ff, teal-600: #0550ae,
+  space-1: 0.25rem, space-2: 0.5rem, space-3: 0.75rem, space-4: 1rem, space-6: 1.5rem, space-8: 2rem, space-10: 2.5rem, space-12: 3rem, space-16: 4rem,
+  radius-sm: 0.25rem, radius-md: 0.5rem, radius-lg: 0.75rem, radius-full: 999px
+) !default;

data/_sass/modootoday/tokens/_semantic.scss

@@ -0,0 +1,37 @@
+// Layer 2 — semantic tokens (--mt-*), shadcn/ui-style surface/foreground pairs. Main override target.
+$mt-base: (
+  font-sans: (system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans KR", "Noto Sans JP", sans-serif),
+  font-mono: (ui-monospace, SFMono-Regular, Menlo, Consolas, monospace),
+  font-size: 1rem, line-height: 1.7, measure: 46rem, container: 76rem, header-height: 3.75rem,
+  space: var(--mt-p-space-4), space-section: var(--mt-p-space-12), radius: var(--mt-p-radius-md), radius-lg: var(--mt-p-radius-lg)
+) !default;
+$mt-light: (
+  background: var(--mt-p-white), foreground: var(--mt-p-gray-850),
+  muted: var(--mt-p-gray-50), muted-foreground: var(--mt-p-gray-500),
+  card: var(--mt-p-white), card-foreground: var(--mt-p-gray-850),
+  primary: var(--mt-p-brand-600), primary-foreground: var(--mt-p-white), brand: var(--mt-p-brand-500),
+  accent: var(--mt-p-gray-100), accent-foreground: var(--mt-p-gray-850),
+  border: var(--mt-p-gray-200), ring: var(--mt-p-brand-600),
+  note: var(--mt-p-blue-600), tip: var(--mt-p-green-600), important: var(--mt-p-purple-600),
+  warning: var(--mt-p-yellow-600), caution: var(--mt-p-rose-600),
+  status-available: var(--mt-p-green-600), status-partial: var(--mt-p-yellow-600), status-planned: var(--mt-p-gray-500),
+  shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.06), shadow: 0 6px 20px -6px rgba(31, 35, 40, 0.16),
+  code-keyword: var(--mt-p-red-600), code-string: var(--mt-p-teal-600), code-comment: var(--mt-p-gray-500),
+  code-function: var(--mt-p-purple-600), code-constant: var(--mt-p-orange-600)
+) !default;
+$mt-dark: (
+  background: var(--mt-p-gray-900), foreground: var(--mt-p-gray-100d),
+  muted: var(--mt-p-gray-750), muted-foreground: var(--mt-p-gray-400),
+  card: var(--mt-p-gray-750), card-foreground: var(--mt-p-gray-100d),
+  primary: var(--mt-p-brand-400), primary-foreground: var(--mt-p-gray-900), brand: var(--mt-p-brand-500),
+  accent: var(--mt-p-gray-800), accent-foreground: var(--mt-p-gray-100d),
+  border: var(--mt-p-gray-700), ring: var(--mt-p-brand-400),
+  note: var(--mt-p-blue-400), tip: var(--mt-p-green-400), important: var(--mt-p-purple-400),
+  warning: var(--mt-p-yellow-400), caution: var(--mt-p-rose-400),
+  status-available: var(--mt-p-green-400), status-partial: var(--mt-p-yellow-400), status-planned: var(--mt-p-gray-400),
+  shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.5),
+  code-keyword: var(--mt-p-red-400), code-string: var(--mt-p-teal-400), code-comment: var(--mt-p-gray-400),
+  code-function: var(--mt-p-purple-400), code-constant: var(--mt-p-orange-400)
+) !default;
+$mt-light: map-merge($mt-light, $mt-overrides);
+$mt-dark: map-merge($mt-dark, $mt-overrides-dark);

data/_sass/modootoday/tools/_functions.scss

@@ -0,0 +1,2 @@
+// mt(primary) → var(--mt-primary)
+@function mt($key) { @return var(--mt-#{$key}); }

data/_sass/modootoday/tools/_img-dark.scss

@@ -0,0 +1,12 @@
+// Dark-mode image tone: one image serves both schemes. Pages may override the tokens.
+// --mt-img-filter-dark tones photos (defined here only); --mt-logo-filter-dark lifts currentColor logos (black in <img>).
+// $filter lets a bundle use a stronger tone that still falls back to --mt-img-filter-dark (e.g. the showcase hero).
+@mixin mt-img-dark($photos, $logos: null, $filter: var(--mt-img-filter-dark)) {
+  :where(:root) { --mt-img-filter-dark: brightness(.85) contrast(1.05) saturate(.9);@if $logos { --mt-logo-filter-dark: invert(1) brightness(.85); } }
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) #{$photos} { filter: $filter; }
+    @if $logos { :root:not([data-theme="light"]) #{$logos} { filter: var(--mt-logo-filter-dark); } }
+  }
+  [data-theme="dark"] #{$photos} { filter: $filter; }
+  @if $logos { [data-theme="dark"] #{$logos} { filter: var(--mt-logo-filter-dark); } }
+}

data/_sass/modootoday/tools/_mixins.scss

@@ -0,0 +1,8 @@
+// Emit a map as custom properties. Always interpolate: Ruby Sass prints `--x: $v` literally.
+@mixin mt-emit($map, $prefix: "mt-") {
+  @each $k, $v in $map { --#{$prefix}#{$k}: #{$v}; }
+}
+// Optional cascade layer (modootoday.css_layers / $mt-css-layers).
+@mixin mt-layer($name) {
+  @if $mt-css-layers { @layer mt.#{$name} { @content; } } @else { @content; }
+}

data/_sass/modootoday.scss

@@ -0,0 +1,40 @@
+// jekyll-theme-modootoday — everything (core + all components) in one file. For a site entry that
+// shadows assets/css/modootoday.scss: declare $mt-overrides etc., then @import "modootoday";
+@import "modootoday/core";
+@import "modootoday/components/core/inline/callout";
+@import "modootoday/components/core/inline/badge";
+@import "modootoday/components/core/inline/kbd";
+@import "modootoday/components/core/inline/figure";
+@import "modootoday/components/core/inline/code-copy";
+@import "modootoday/components/core/inline/hero";
+@import "modootoday/components/core/inline/cta";
+@import "modootoday/components/section/showcase/cta";
+@import "modootoday/components/core/inline/code";
+@import "modootoday/components/core/inline/footnotes";
+@import "modootoday/components/core/inline/progress";
+@import "modootoday/components/core/inline/embed";
+@import "modootoday/components/core/chrome/nav";
+@import "modootoday/components/core/chrome/theme-toggle";
+@import "modootoday/components/core/chrome/breadcrumb";
+@import "modootoday/components/search/search";
+@import "modootoday/components/loading/loading";
+@import "modootoday/components/core/chrome/pagination";
+@import "modootoday/components/core/chrome/banner";
+@import "modootoday/components/doc/sidebar";
+@import "modootoday/components/doc/toc";
+@import "modootoday/components/doc/page-actions";
+@import "modootoday/components/section/showcase/card";
+@import "modootoday/components/section/showcase/linkcards";
+@import "modootoday/components/section/showcase/quote";
+@import "modootoday/components/section/showcase/gallery";
+@import "modootoday/components/section/showcase/pricing";
+@import "modootoday/components/section/showcase/subscribe";
+@import "modootoday/components/section/structure/tabs";
+@import "modootoday/components/section/structure/accordion";
+@import "modootoday/components/section/structure/steps";
+@import "modootoday/components/section/structure/timeline";
+@import "modootoday/components/section/structure/filetree";
+@import "modootoday/components/section/structure/details";
+@import "modootoday/components/section/structure/faq";
+@import "modootoday/components/section/structure/params";
+@import "modootoday/access";

data/assets/css/modootoday/doc.scss

@@ -0,0 +1,10 @@
+---
+# md-components v1 — jekyll-theme-modootoday context sheet (doc layouts). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+{% if mt_components contains "sidebar" %}@import "modootoday/components/doc/sidebar";
+{% endif %}{% if mt_components contains "toc" %}@import "modootoday/components/doc/toc";
+{% endif %}{% if mt_components contains "page-actions" %}@import "modootoday/components/doc/page-actions";
+{% endif %}

data/assets/css/modootoday/loading.scss

@@ -0,0 +1,8 @@
+---
+# md-components v1 — jekyll-theme-modootoday optional sheet (loading and skeleton UI). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+{% if mt_components contains "loading" %}@import "modootoday/components/loading/loading";
+{% endif %}

data/assets/css/modootoday/search.scss

@@ -0,0 +1,8 @@
+---
+# md-components v1 — jekyll-theme-modootoday context sheet (site search box). Linked only when search is on.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+{% if mt_components contains "search" %}@import "modootoday/components/search/search";
+{% endif %}

data/assets/css/modootoday/showcase/card.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: features). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/showcase/card";

data/assets/css/modootoday/showcase/cta.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: cta). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/showcase/cta";

data/assets/css/modootoday/showcase/gallery.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: gallery). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/showcase/gallery";

data/assets/css/modootoday/showcase/linkcards.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: linkcards). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/showcase/linkcards";

data/assets/css/modootoday/showcase/pricing.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: pricing). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/showcase/pricing";

data/assets/css/modootoday/showcase/quote.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: quote). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/showcase/quote";

data/assets/css/modootoday/showcase/subscribe.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: subscribe). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/showcase/subscribe";

data/assets/css/modootoday/structure/accordion.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: accordion). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/structure/accordion";

data/assets/css/modootoday/structure/details.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: details). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/structure/details";

data/assets/css/modootoday/structure/faq.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: faq). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/structure/faq";

data/assets/css/modootoday/structure/filetree.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: filetree). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/structure/filetree";

data/assets/css/modootoday/structure/params.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: params). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/structure/params";

data/assets/css/modootoday/structure/steps.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: steps). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/structure/steps";

data/assets/css/modootoday/structure/tabs.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: tabs). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/structure/tabs";

data/assets/css/modootoday/structure/timeline.scss

@@ -0,0 +1,7 @@
+---
+# md-components v1 — jekyll-theme-modootoday section sheet (c: timeline). Linked only by pages that use it.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/sheet";
+@import "modootoday/components/section/structure/timeline";

data/assets/css/modootoday-blog.scss

@@ -0,0 +1,7 @@
+---
+# jekyll-theme-modootoday blog and news stylesheet: loaded only by the post, blog, news, news-article and author and archive layouts
+# (or front matter blog_css: true), so the core bundle stays small. Shadow this file to customise.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/blog/index";

data/assets/css/modootoday-detail.scss

@@ -0,0 +1,7 @@
+---
+# jekyll-theme-modootoday detail stylesheet (project, case-study, job, event, episode): loaded only by those layouts
+# (mt_bundle: detail), so the core bundle stays small. Shadow this file to customise.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/detail/index";

data/assets/css/modootoday-directory.scss

@@ -0,0 +1,7 @@
+---
+# jekyll-theme-modootoday directory stylesheet (directory, portfolio, team, jobs, events, sponsors, integrations):
+# loaded only by those layouts (mt_bundle: directory). Shadow this file to customise.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/directory/index";

data/assets/css/modootoday-docs-extra.scss

@@ -0,0 +1,7 @@
+---
+# jekyll-theme-modootoday docs-extra stylesheet (reference, changelog, roadmap, glossary, hub, course, book): loaded only by
+# those layouts (mt_bundle: docs-extra), so the core bundle stays small. Shadow this file to customise.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/docs-extra/index";

data/assets/css/modootoday-hero.scss

@@ -0,0 +1,7 @@
+---
+# jekyll-theme-modootoday hero showcase stylesheet: loaded only on pages whose hero uses visual: showcase
+# (added automatically) or that set mt_bundle: hero, so the core bundle stays small. Shadow this file to customise.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/hero/index";

data/assets/css/modootoday-marketing.scss

@@ -0,0 +1,7 @@
+---
+# jekyll-theme-modootoday marketing stylesheet (feature, pricing, download, brand, links, contact): loaded only by those
+# layouts (mt_bundle: marketing), so the core bundle stays small. Shadow this file to customise.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/marketing/index";

data/assets/css/modootoday-pages.scss

@@ -0,0 +1,7 @@
+---
+# jekyll-theme-modootoday page shells stylesheet (minimal, wide, home, error, search): loaded only by those layouts
+# (mt_bundle: pages), so the core bundle stays small. Shadow this file to customise.
+---
+{%- include modootoday/config.html -%}
+$mt-css-layers: {{ mt_css_layers }};
+@import "modootoday/pages/index";