/*
Theme Name:   Arkhe Child
Theme URI:    https://example.com/
Description:  Arkhe の子テーマ
Author:       株式会社SKY
Author URI:   https://example.com/
Template:     arkhe
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  arkhe-child
*/

/* =============================================
   カスタムプロパティ（CSS変数）
   ============================================= */
:root {
	--color-primary:    #1a1a1a;
	--color-accent:     #c8a97e;
	--color-bg:         #ffffff;
	--color-bg-sub:     #f8f6f3;
	--color-text:       #333333;
	--color-text-light: #888888;
	--color-border:     #e5e5e5;

	--font-base:    'Noto Sans JP', sans-serif;
	--font-heading: 'Noto Serif JP', serif;
	--font-en:      'Cormorant Garamond', serif;

	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;

	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
	--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.10);
	--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.14);

	--transition: 0.3s ease;
	--max-width:  1200px;
}

/* =============================================
   ベースリセット・共通
   ============================================= */
*, *::before, *::after {
	box-sizing: border-box;
}

body {
	font-family: var(--font-base);
	color: var(--color-text);
	background: var(--color-bg);
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
}

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

a {
	color: inherit;
	text-decoration: none;
	transition: opacity var(--transition);
}

a:hover {
	opacity: 0.7;
}