/*
Theme Name: Orange Pacific MH Theme
Theme URI: https://orangepacificmh.com/
Author: King Tide
Author URI: https://kingtide.example
Description: Custom classic theme with in-theme Gutenberg blocks for Orange Pacific MH. Code-based alternative to Elementor.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.8
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: opmh
*/

/* Base front-end styles.
 *
 * The global design system (tokens, base reset, shared component classes) lives
 * in assets/css/design-system.css and is enqueued on the front end AND inside
 * the block editor, so blocks look identical in both. Per-block style.scss files
 * consume the --op-* custom properties.
 *
 * Do NOT declare `body` here. design-system.css owns the base reset and
 * typography, and style.css loads later, so a body rule here would clobber the
 * design's font.
 *
 * The structural container and the design system's .op-container are the same
 * box: .opmh-* is the theme's collision-proof prefix, .op-* is the brand
 * prefix the design's own class names use. Both resolve to the same tokens so
 * they cannot drift apart.
 */
.opmh-container {
  /* Same box as .op-container in design-system.css — the gutter is subtracted
     from the width rather than added as padding, so the element can never be
     wider than the viewport. */
  width: min(100% - (var(--op-gutter, 1.25rem) * 2), var(--op-wrap, 1200px));
  margin-inline: auto;
}