/* =============================================================================
   Design tokens for ilypio.com.
   The ILYPIO page CSS (ilypio.css) references these custom properties, which on
   shawnjason.com are theme-global. Defined here so the page looks identical.
   ============================================================================= */

:root {
    --radius-card:    8px;
    --radius-control: 6px;
    --font-heading: 'Merriweather', Georgia, serif;
    --font-body:    'Newsreader', Georgia, serif;
    --font-mono:    'IBM Plex Mono', ui-monospace, monospace;
}

/* Sticky-footer shell (mirrors shawnjason). Everything above the footer rides in
   .sj-sheet; the footer sits below it and never floats up on short pages. The
   ILYPIO splash overrides .sj-sheet's background to white in ilypio.css. */
html, body { min-height: 100%; }
body { display: flex; flex-direction: column; min-height: 100vh; }
.sj-sheet { flex: 1 0 auto; background-color: #ffffff; }
.sj-footer { flex-shrink: 0; }