@charset "UTF-8";
/*
  tepss.com ポータル — CSS カスタムプロパティ（デザイントークン）
  ==============================================================
  ソース: tepss/dojo_tenda/assets/css/
  更新: 2026-07
  ==============================================================
*/

:root {

  /* ── テキスト ── */
  --color-text:        #202020;
  --color-text-light:  #666666;
  --color-text-gray:   #7c7b7b;
  --color-text-white:  #ffffff;

  /* ── プライマリ（赤） ── */
  --color-primary:        #e62b3a;
  --color-primary-hover:  #ff6471;
  --color-primary-light:  #ffc4c4;
  --color-primary-pale:   #fee4e4;

  /* ── ナビ ── */
  --color-nav-bg:   #202020;
  --color-nav-link: #ffffff;

  /* ── 背景 ── */
  --color-bg-white:  #ffffff;
  --color-bg-gray:   #f5f4f4;
  --color-bg-gray2:  #eeecec;

  /* ── ボーダー ── */
  --color-border:       #202020;
  --color-border-light: #cccccc;
  --color-border-gray:  #dedede;

  /* ── 特殊 ── */
  --color-highlight:    #fddb7f;
  --color-voice-shadow: #e62b3a;

  /* ── レイアウト ── */
  --container-max:     1100px;
  --container-padding: 20px;
  --site-wrap-max:     1240px;

  /* ── タイポグラフィ ── */
  --font-size-xs:   1.2rem;
  --font-size-sm:   1.4rem;
  --font-size-base: 1.6rem;
  --font-size-lg:   1.8rem;
  --font-size-xl:   2.0rem;
  --font-size-xxl:  2.4rem;
  --font-size-hero: 3.8rem;
  --line-height-base: 1.6;

  /* ── スペーシング ── */
  --spacing-xs:  8px;
  --spacing-sm:  16px;
  --spacing-md:  24px;
  --spacing-lg:  40px;
  --spacing-xl:  60px;
  --spacing-xxl: 100px;

  --section-padding-pc: 100px;
  --section-padding-sp:  60px;

  /* ── ボーダー半径 ── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   10px;
  --radius-full: 9999px;

  /* ── シャドウ ── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.15);

  /* ── トランジション ── */
  --transition-base: 0.3s ease;
}