/*!
Theme Name: LUMINA
Theme URI: https://www.centerlight.net/
Description: 高級エステ・脱毛サロン向け、動画ヒーロー搭載WordPressテーマ
Author: Center Light LLC
Author URI: https://www.centerlight.net/
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lumina
Domain Path: /languages

LUMINAテーマ - 没入型動画ヒーローを備えた高級サロンサイト向けテーマ
*/

:root {
	--color-primary: #c8899f;
	--color-primary-dark: #b5748d;
	--color-primary-soft: #e6c9d3;
	--color-secondary: #a8998f;
	--color-bg-light: #faf6f3;
	--color-bg-pink: #f6eb ef;
	--color-bg-pink: #f7edf1;
	--color-text-dark: #4a4441;
	--color-text-light: #8a817b;
	--color-border: #ece7e3;
	--spacing-unit: 1rem;
	--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "HG明朝", serif;
	--font-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
	--transition-smooth: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

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

html {
	scroll-behavior: smooth;
	font-size: 16px;
}

body {
	font-family: var(--font-sans);
	color: var(--color-text-dark);
	line-height: 1.6;
	background: #fff;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-serif);
	font-weight: 600;
	margin-bottom: 1rem;
	color: var(--color-text-dark);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }

p {
	margin-bottom: 1rem;
}

a {
	color: var(--color-primary);
	text-decoration: none;
	transition: var(--transition-smooth);
}

a:hover {
	opacity: 0.8;
}

button, input[type="submit"] {
	font-family: inherit;
	cursor: pointer;
	border: none;
	background: none;
	padding: 0;
}

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

.container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2.5rem;
}

@media (max-width: 768px) {
	html {
		font-size: 14px;
	}
	h1 { font-size: 1.75rem; }
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.25rem; }
	.container {
		padding: 0 1rem;
	}
}