@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* ===== Design Tokens (video-navi.com) ===== */
:root {
  --site-primary: #2563EB;
  --site-secondary: #06B6D4;
  --site-accent: #14B8A6;
  --site-ink: #172033;
  --site-muted: #596579;
  --site-bg-soft: #EAF3FF;
}

.site-key-color {
  color: var(--site-primary);
}

.site-cta-button {
  background: linear-gradient(90deg, var(--site-primary), var(--site-secondary));
  color: #fff;
  border-radius: 999px;
  font-weight: 700;
}

.site-info-box {
  border-left: 5px solid var(--site-primary);
  background: var(--site-bg-soft);
}
/* ===== /Design Tokens ===== */