/**
 * Base Styles
 *
 * Global base styles and CSS reset extracted from STUDIO site.
 * Applied to all elements for consistent styling across the site.
 *
 * @package Onwords
 */

/* ========================================
   CSS Reset & Base Styles (from STUDIO)
   ======================================== */

a, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
  border: 0;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
  color: #333;
  transition: .3s cubic-bezier(.4, .4, 0, 1);
  word-spacing: 1px;
}

body {
  background: #ffffff;
  transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1);
  position: relative;
}

/* Background dot pattern - from production site */
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/common/bg-dot-pattern.webp');
  background-size: 25px;
  background-repeat: repeat;
  z-index: -2;
  pointer-events: none;
}

/* ========================================
   Typography
   ======================================== */

body {
  font-size: 16px;
  font-family: var(--font-family-base);
  line-height: 1.6;
}

/* ========================================
   Links
   ======================================== */

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  opacity: 0.7;
}

/* ========================================
   Mobile Typography (767px以下)
   ======================================== */

@media (max-width: 767px) {
  /* モバイル表示では全体的にfont-weight: 500 */
  body,
  a, abbr, address, article, aside, audio, b, blockquote, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
    font-weight: 500;
  }
}