/*
Theme Name: Racharo
Theme URI: https://racharo.com/
Description: Child theme for Racharo, built on Twenty Twenty-Five.
Author: Bipixels
Author URI: https://bipixels.com/
Template: twentytwentyfive
Version: 0.1.0
Text Domain: racharo
*/

/*
 * Racharo child theme styles.
 * Keep global design tokens and layout rules here.
 * Gutenberg/block styles can be added progressively as the product UI is built.
 */

/* Racharo Gutenberg content rhythm */
:root {
  --racharo-flow: 0.875rem;
  --racharo-section: clamp(2.75rem, 5vw, 3.75rem);
}

:root :where(.is-layout-constrained) > * {
  /*margin-block-start: var(--racharo-flow);
  margin-block-end: 0;*/
}

:root :where(.is-layout-constrained) > :first-child {
  margin-block-start: 0;
}

:root :where(.is-layout-constrained) > h2 {
  margin-block-start: var(--racharo-section);
  margin-block-end: 0.75rem;
}

:root :where(.is-layout-constrained) > h3 {
  margin-block-start: 2rem;
  margin-block-end: 0.5rem;
}

:root :where(.is-layout-constrained) > h4,
:root :where(.is-layout-constrained) > h5,
:root :where(.is-layout-constrained) > h6 {
  margin-block-start: 1.5rem;
  margin-block-end: 0.4rem;
}

:root :where(.is-layout-constrained) > ul,
:root :where(.is-layout-constrained) > ol {
  margin-block-start: 1rem;
}

:root :where(.is-layout-constrained) > blockquote,
:root :where(.is-layout-constrained) > figure.wp-block-table,
:root :where(.is-layout-constrained) > pre.wp-block-code {
  margin-block-start: 1.5rem;
}

/* Racharo global button sizing */
:root :where(.wp-element-button, .wp-block-button__link) {
  box-sizing: border-box;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 18px;
}

:root :where(.wp-block-button.is-style-outline > .wp-block-button__link) {
  padding: 11px 18px;
  border-width: 1px;
}