/* patsoocloudlab.fr — OpenWebUI spacing & type scale for the legacy pages
   (comingsoon.html, blog_old.html, error.html). Loaded last; screen only; colours untouched.
   Spec: docs/superpowers/specs/2026-10-13-owui-spacing-design.md */
@media screen {
  :root { --gut: 20px; --fs-h1: 24px; --fs-h2: 20px; --fs-h3: 16px; --fs-body: 14px; }
  body { font-size: var(--fs-body); line-height: 1.625; }
  body h1 { font-size: var(--fs-h1); line-height: 1.15; }
  body h2 { font-size: var(--fs-h2); line-height: 1.25; }
  body h3 { font-size: var(--fs-h3); line-height: 1.375; }
  body p { font-size: var(--fs-body); line-height: 1.625; }
  body .container, body .container-fluid { max-width: none; padding-inline: var(--gut); }
  body .navbar { padding: 14px var(--gut); }
  body .navbar .nav-link { padding: 2px 10px; font-size: 14px; }
  body .btn { padding: 14px 28px; font-size: 14px; line-height: 20px; }

  /* comingsoon.html */
  body .header { padding-block: 96px; }

  /* error.html */
  body .notfound h1 { font-size: var(--fs-h1); margin-bottom: 0; }
  body .notfound h2 { font-size: var(--fs-h2); margin-top: 16px; }
  body .notfound p { margin-top: 24px; }
  body .notfound a { display: inline-block; margin-top: 40px; padding: 14px 28px; font-size: 14px; }
}
@media screen and (min-width: 1024px) {
  :root { --gut: 60px; --fs-h1: 36px; --fs-h2: 24px; --fs-h3: 18px; --fs-body: 16px; }
}