/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*
 * Base typography fallback. The Brand design system (tokens + globals) lives in
 * css/tokens.css and css/globals.css and is enqueued AFTER this file, so it wins
 * wherever the two overlap. This sheet only provides sane defaults for any page
 * not yet rebuilt to the Brand look.
 *
 * 2026-05-27 (Phase 0-B): the legacy dark-header and #333 footer blocks were
 * removed from here — they fought the rebuilt Header (#113) and Footer (#465)
 * templates and broke Bricks' native responsive behavior. All header/footer
 * styling now lives in css/globals.css, keyed to #brx-header / #brx-footer.
 */

html {
  font-size: 100%; /* 1rem = 16px */
}

body {
  font-family: system-ui, sans-serif;
  font-size: 1rem;       /* 16px */
  line-height: 1.5;
  color: #1a1a1a;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5 {
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

h1 { font-size: 2.5rem; }   /* 40px */
h2 { font-size: 2rem; }     /* 32px */
h3 { font-size: 1.5rem; }   /* 24px */
h4 { font-size: 1.25rem; }  /* 20px */
h5 { font-size: 1.125rem; } /* 18px */
p, li, a, label {
  font-size: 1rem;          /* 16px */
}

small {
  font-size: 0.875rem;      /* 14px */
}

button, .button {
  font-size: 1rem;          /* 16px */
  font-weight: 600;
  padding: 0.75rem 1.25rem;
  line-height: 1.2;
  border-radius: 5px;
}

.brxe-container {
  width: 100%;
  max-width: 100%;
}