/* ====================================================================
*** 	Brainwork FrontEnd Web Design Framework
*** 	Version 4.00.0001, mobile-first
*** 	Copyright 2025, Brainwork Factory AB
*** 	Created: 3/3/2025, by Daniel Back, Brainwork Factory
*** 	Latest Update: 3/4/2025, by Daniel Back, Brainwork Factory
*
======================================================================== */

/* || SITE ROOT STYLE
======================== */
:root {
  --border-radius: .5625rem;
  --button-border-radius: .25rem;
}

/* || GENERAL SETUP
====================== */
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: hsl(0, 0%, 100%);
  scroll-behavior: smooth;
}

body::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
}

figure {
  margin: 0;
  padding: 0;
}

img,
picture,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

a:active,
a:focus,
a:hover,
a:visited {
  text-decoration: underline;
}

/* || TYPOGRAPHY
=================== */
html,
body {
  font-size: 16px;
  font-family: Raleway, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  color: #4f4d4e;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #d90368;
  font-weight: 600;
  margin-bottom: .625rem;
}

h1 {
  font-size: 2.027rem;
}
  
h2 {
  font-size: 1.802rem;
  }
  
h3 {
  font-size: 1.602rem;
  }
  
h4 {
  font-size: 1.424rem;
  }
  
h5 {
  font-size: 1.266rem;
  }
  
h6 {
  font-size: 1.125rem;
}

p {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: .03125em;
  text-rendering: optimizeSpeed;
  margin-top: 0;
}

small {
  font-size: 0.889rem;
}