/*
Theme Name: Nairuz
Theme URI: https://example.com/nairuz
Author: Your Name
Author URI: https://example.com
Description: A hybrid WordPress theme supporting both classic PHP templates and block-based templates. Uses theme.json for global styles, block template parts, patterns, and block style variations. Built with best-practice file organization.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nairuz
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, full-width-template
*/

/* -----------------------------------------------------------------------------
   Base styles (minimal; most styling via theme.json)
   ----------------------------------------------------------------------------- */

:root {
  /* theme.json presets are available as CSS variables, e.g. var(--wp--preset--color--primary) */

  --grimo-primary-font: "DM Sans", sans-serif;
  --grimo-secondary-font: "carbona-variable", sans-serif;

  --grimo-black: #1a1a1a;
  --grimo-black-contrast: #2d2d2d;
  --grimo-grey-04: #525252;
  --grimo-grey-03: #818181;
  --grimo-grey-02: #b3b3b3;
  --grimo-grey-01: #dbdbdb;
  --grimo-off-white: #f7f7f7;
  --grimo-white: #ffffff;
  --grimo-green-primary: #00672d;
  --grimo-green-secondary: #1cb760;
  --grimo-yellow: #ffb636;
  --grimo-light-yellow: #ffd58c;
  --grimo-blue: #7699d1;
  --grimo-dark-blue: #305fa9;

  font-size: 62.5%;
}

body {
  font-family: var(--grimo-primary-font);
  font-optical-sizing: auto;
  margin: 0;
  font-size: 1.6rem;
  color: var(--grimo-black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--grimo-secondary-font);
  font-weight: 400;
}

h1 {
  font-size: 4.8rem;
}
h2 {
  font-size: 3.2rem;
}
h3 {
  font-size: 2.4rem;
}

a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  border: 0;
  background: 0;
  padding: 0;
}

a,
button,
input[type="submit"] {
  transition: all 0.3s ease-in-out;
}

p {
  color: var(--grimo-grey-04);
  margin: 0;
}

label {
  margin: 0;
}

/* Ensure block editor and front-end alignment */
.wp-site-blocks {
  max-width: var(--wp--style--global--wide-size, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.alignwide {
  max-width: var(--wp--style--global--wide-size, 1280px);
}

.alignfull {
  max-width: none;
}

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

@media (min-width: 1300px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1226px;
  }
}

@media (max-width: 991px) {
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 2.8rem;
  }
  h3 {
    font-size: 2rem;
  }
}