/*
Theme Name: DOG VILLA IZU
Theme URI: https://www.dogvilla-izu.com
Author: BookingResort
Description: ONSEN DOG RESORT - DOG VILLA 伊豆 本サイト。ティザーサイト（DOG VILLA IZU Teaser）と切り替えて使用します。
Version: 1.0.0
Text Domain: dogvilla-izu-main
*/

:root {
  /* palette — ライト基調（白・ウォームグレー）
     写真の上に文字を載せる箇所のみ、暗いオーバーレイ＋ライト文字を使う */
  --color-bg: #f7f5f1;          /* ベース（ほのかに温かみのある白） */
  --color-bg-alt: #efece5;      /* 交互配置のセクション（ウォームグレー） */
  --color-surface: #ffffff;     /* カード面 */
  --color-dark: #14141a;        /* 写真オーバーレイ／濃色面 */

  --color-text: #23211e;        /* 本文（黒に寄せた墨色） */
  --color-text-mid: #4c4841;    /* 補助本文 */
  --color-text-light: #6e6861;  /* 注釈 */
  --color-on-dark: #f2efe9;     /* 暗い面の上の文字 */

  --color-accent: #96771a;      /* ライト背景で可読なゴールド */
  --color-accent-bright: #c9a227; /* 暗い面の上で映えるゴールド */
  --color-accent-dark: #7d6314;
  --color-border: rgba(35, 33, 30, 0.14);
  --color-border-on-dark: rgba(242, 239, 233, 0.22);

  /* 地紋（外部読み込みなしのSVGデータURI）
     ページ全体は無地。青海波＝3つの魅力、微細ドット＝ドッグサービス に使用 */
  --pattern-seigaiha:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'%3E%3Cg fill='none' stroke='%2323211e' stroke-opacity='0.05' stroke-width='1'%3E%3Ccircle cx='30' cy='30' r='30'/%3E%3Ccircle cx='30' cy='30' r='21'/%3E%3Ccircle cx='30' cy='30' r='12'/%3E%3Ccircle cx='0' cy='0' r='30'/%3E%3Ccircle cx='0' cy='0' r='21'/%3E%3Ccircle cx='0' cy='0' r='12'/%3E%3Ccircle cx='60' cy='0' r='30'/%3E%3Ccircle cx='60' cy='0' r='21'/%3E%3Ccircle cx='60' cy='0' r='12'/%3E%3C/g%3E%3C/svg%3E");
  --pattern-dots:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='2' cy='2' r='1' fill='%2323211e' fill-opacity='0.06'/%3E%3C/svg%3E");

  /* type */
  --font-serif: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-display: "Cormorant Garamond", "Shippori Mincho", serif;
  --font-sans: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;

  /* layout */
  --max-width: 1180px;
  --gutter: clamp(20px, 5vw, 60px);
  --header-h: 96px;   /* 施設名ロックアップ3行ぶんの実高さに合わせる */

  /* motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}