/*
Theme Name: HomePage OS Theme
Theme URI: https://homepage.studio
Author: HomePage.Studio
Description: Thin rendering shell for HomePage OS.
Version: 0.1.1
Text Domain: homepage-os-theme
*/

:root {
  --hpos-color-primary: #111b2d;
  --hpos-color-accent: #b7955f;
  --hpos-color-surface: #f4efe7;
  --hpos-color-text: #1b1712;
  --hpos-color-border: #ddd2c4;
  --hpos-space-1: 4px;
  --hpos-space-2: 8px;
  --hpos-space-3: 12px;
  --hpos-space-4: 16px;
  --hpos-space-5: 24px;
  --hpos-space-6: 32px;
  --hpos-space-7: 48px;
  --hpos-space-8: 64px;
  --hpos-space-9: 96px;
}

* {
  box-sizing: border-box;
}

html {
  margin: 0;
  background: var(--hpos-color-surface);
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--hpos-color-text);
  background: var(--hpos-color-surface);
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

main {
  display: block;
}

.hpos-site-shell {
  min-height: 100vh;
}

body.hpos-managed-page .entry-content,
body.hpos-managed-page .site-content,
body.hpos-managed-page .site-main,
body.hpos-managed-page #primary,
body.hpos-managed-page #content,
body.hpos-managed-page article.page,
body.hpos-managed-page .post,
body.hpos-managed-page .page-header,
body.hpos-managed-page .page-title,
body.hpos-managed-page .site-header,
body.hpos-managed-page .site-footer,
body.hpos-managed-page .widget-area,
body.hpos-managed-page nav.pagination,
body.hpos-managed-page .comments-area {
  display: none !important;
}

body.hpos-managed-page .hpos-site-shell,
body.hpos-managed-page #page,
body.hpos-managed-page #content,
body.hpos-managed-page #primary {
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
}

@media (max-width: 768px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}