/* 01_root-variables.css — CSS変数定義（カラー・フォント・余白・z-index） */
:root {
  /* --- カラー --- */
  --orange:   #F07828;
  --orange-d: #C75E0E;
  --orange-m: #F5A060;
  --orange-l: #FEF0DE;
  --orange-ll:#FFF8F2;
  --brown:    #4A2208;
  --brown-m:  #7A4828;
  --text:     #2A1408;
  --muted:    #8A6248;
  --peach:    #FDDDB4;
  --cream:    #FFF3E8;
  --ivory:    #FFFAF4;
  --leaf:     #5A9A30;
  --leaf-l:   #E5F4D5;
  --bg:       #fff;
  --teal:     #3A8CB0;
  --teal-l:   #E4F2F8;
  --border:   #F0D4B8;
  --border-l: #FAE8D4;
  --footer-c: #7A4A2A;

  /* --- 角丸・シャドウ --- */
  --radius:   12px;
  --radius-sm:8px;
  --shadow:   0 4px 20px rgba(74,34,8,.08);
  --shadow-lg:0 8px 40px rgba(74,34,8,.12);

  /* --- フォント --- */
  --ff-serif: 'Shippori Mincho B1', 'Noto Serif JP', serif;
  --ff-sans:  'Noto Sans JP', sans-serif;

  /* --- イージング --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* --- スペーシングスケール --- */
  --space-xs:  0.25rem;  /* 4px */
  --space-sm:  0.5rem;   /* 8px */
  --space-md:  1rem;     /* 16px */
  --space-lg:  1.5rem;   /* 24px */
  --space-xl:  2rem;     /* 32px */
  --space-2xl: 2.5rem;   /* 40px */
  --space-3xl: 3rem;     /* 48px */
  --space-4xl: 4rem;     /* 64px */
  --space-5xl: 5.5rem;   /* 88px */

  /* --- z-index レイヤー --- */
  --z-base:       1;
  --z-content:    2;
  --z-overlay:    10;
  --z-notice:     20;
  --z-sidebar:    90;
  --z-mobileNav:  99;
  --z-header:     100;
  --z-sideHover:  150;
  --z-dropdown:   200;
  --z-navToggle:  300;
}