/*
Theme Name: Gratica
Author: Atelier Hornet
Version: 1.0.0
License: GNU General Public License v2 or later
*/

:root {
  --font-family:Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  --primary-color:#00bbbc;
  --primary-color-3:#febe14;
  --primary-light-color:#C6E8E9;
  --primary-light2-color:#E3F3F3;
  --sec-deep-color:#223c3a;
  --warning-color:#F64371;
  --warning-bg-color:rgba(246, 67, 113, 0.08);
  --gray-900:#333;
  --gray-700:#393b3f;
  --gray-600:#666;
  --gray-500:#999;
  --gray-300:#ccc;
  --gray-100:#f4f4f4;
  --gray-000:#fff;
  --share-x-twitter:#000;
  --share-facebook:#0765ff;
  --button-color:#5817e5;
}

/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove list styles (bullets/numbers) */
ol, ul {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

body {
  font-size: clamp(0.875rem, 0.837962963rem + 0.1851851852vw, 1rem);
  font-family: var(--font-family);
  color: var(--gray-900);
  letter-spacing: 0.06em;
  line-height: 1.5;
}

* {
  word-break: break-all;
  overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

a {
  transition: 0.3s;
  cursor: pointer;
  text-decoration: underline;
  color: var(--primary-color);
}
a:hover {
  opacity: 0.7;
}

img {
  height: auto;
}

strong {
  font-weight: 700;
}