/*
Theme Name: HOM Canvas
Theme URI: https://handsoffmarketing.co
Author: Fran Callado — HandsOff Marketing
Description: A minimal raw-HTML canvas theme. Renders full-width, unwrapped HTML on the page while keeping brand tokens (colours, fonts, spacing) consistent site-wide. Clone per client, re-skin by swapping brand.css. Blog posts still render as normal on-brand WordPress posts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hom-canvas
*/

/* ------------------------------------------------------------------
   BASE
   Tokens live in brand.css. This file only sets structural defaults
   that reference those tokens by ROLE — never by literal value.
   ------------------------------------------------------------------ */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
  font-family: var(--font-display);
  color: var(--color-primary);
  line-height: 1.15;
  margin: 0 0 0.5em;
}

a { color: var(--color-accent); }

hr {
  border: 0;
  border-top: 1px solid var(--color-rule);
  margin: var(--space-lg) 0;
}

img { max-width: 100%; height: auto; }

/* Canvas template: raw HTML pages render edge-to-edge with no theme chrome. */
.hom-canvas__raw { width: 100%; }

/* Normal page/post wrapper: on-brand, readable measure. Used by page.php + posts. */
.hom-doc {
  max-width: 720px;
  margin: 0 auto;
  padding: var(--space-lg) var(--space-md);
}

/* Accessibility floor */
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}