/*
Theme Name: Raku-Raku E-Commerce LP
Theme URI: https://example.com
Author: Kurumi
Description: AIがお手伝いする新しいネットショップ「らくらくEコマース」のランディングページテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: raku-raku-ecommerce
*/

/* ============================================================
   Base / Reset / Variables
   ------------------------------------------------------------
   ページ全体の下地。components.css / layout.css / sections.css /
   responsive.css は functions.php でこのファイルの後に読み込まれる。
   ============================================================ */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --color-primary: #0050bd;
  --color-primary-dark: #041338;
  --color-text: #041338;
  --color-secondary-bg: #e3f2fc;
  --color-accent: #ddfc54;
  --color-white: #ffffff;
  --color-navy: #041338;
  --color-slate-dark: #1e293b;
  --font-jp: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  --container-width: 1200px;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-jp);
  color: var(--color-text);
  line-height: 1.6;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  display: block;
}

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

ul {
  list-style: none;
}

/* ============ Utility ============ */
.blue {
  color: var(--color-primary);
}

.white {
  color: var(--color-white);
}

.heavy {
  font-weight: 900;
}