/*
 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
*/

/* Site-wide browser surfaces. Tokens come from the Bricks palette and variables (see DESIGN.md). */
html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--light-green);
  color: var(--dark-blue);
}

:focus-visible {
  outline: 3px solid var(--light-green);
  outline-offset: 3px;
  border-radius: 2px;
}

h1, h2, h3 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

a {
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}