/*
Theme Name: Standard Reels
Theme URI: https://demo.modella.jp/
Author: Modella
Description: 汎用のリール特化テーマ。単一WordPress・author(投稿者)を店舗キーにして、店舗ごとのリール投稿を分離・集約するプロトタイプ。
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: standard-reels
*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap');

:root {
	--standard-teal: #0d6e73;
	--standard-teal-deep: #0a4f54;
	--standard-teal-light: #4fb8be;
	--standard-navy: #0b2436;
	--standard-sand: #ffffff;
	--standard-sand-deep: #eef6f6;
	--standard-coral: #f5714f;
	--standard-coral-deep: #e35a39;
	--standard-white: #ffffff;
	--standard-text: #1c2e35;
	--standard-muted: #5c7078;
	--standard-faint: #8fa2a8;
	--standard-border: #dfeae9;
	/* ゴシック体は観光地の繊細さと合わないため、見出し・本文ともにセリフ/明朝体系で統一する。 */
	--font-display: "Fraunces", "Noto Serif JP", serif;
	--font-jp: "Noto Serif JP", "Hiragino Mincho ProN", serif;
	--font-sans: "Noto Serif JP", "Hiragino Mincho ProN", serif;
}

body {
	margin: 0;
	background: var(--standard-sand);
	color: var(--standard-text);
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
}

/* リールの全画面フィード/フロント投稿フォームは黒背景ページなので個別に上書き */
body.standard-dark-page {
	background: #05070d;
	color: #fff;
}

/* 下部固定のフローティングボトムナビと本文末尾が重ならないようにする */
body.standard-has-bottom-nav {
	padding-bottom: calc(70px + env(safe-area-inset-bottom));
}

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

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

button {
	font-family: inherit;
}