/* ============================================================
   skin.css — デザイントークン(色・角丸・フォント)
   カンプ(mockups/)の :root をそのまま移植。
   色味・角丸などの微調整は後工程でこのファイルの値のみ変更する。
   core.css 側には色・角丸・フォントの生値を書かないこと。
   ============================================================ */
:root{
  /* ブランドカラー */
  --yellow:#FFEF3E;
  --yellow-soft:#FFF9C9;
  --cyan:#00A0E9;
  --cyan-dark:#0083C4;
  --ink:#1E2933;
  --ink-soft:#5A6672;
  --line:#E8E8E8;
  --bg:#FFFFFF;
  --white:#FFFFFF;
  --black:#000000;
  --cta:var(--cyan);

  /* 汎用背景・状態色(カンプ内の個別指定色をトークン化) */
  --gray-bg:#F8FAFB;
  --gray-chip:#F4F6F8;
  --placeholder-fg:#9AA5AF;
  --required:#E0245E;

  /* 薄いブルー背景(CMYK 8/0/0/0相当)。1日のスケジュール等のパネル背景に使用 */
  --schedule-bg:#EBFFFF;

  /* シャドウ */
  --shadow-primary:rgba(0,160,233,.28);
  --shadow-card:rgba(30,41,51,.08);

  /* フッター(ライトトーン) */
  --footer-bg:#F0F4F7;
  --footer-text:var(--ink);
  --footer-text-soft:var(--ink-soft);
  --footer-border:rgba(30,41,51,.12);

  /* 角丸 */
  --radius-card:16px;
  --radius-md:12px;
  --radius-lg:24px;
  --radius-pill:100px;

  /* フォント */
  --font-en:"Plus Jakarta Sans",sans-serif;
  --font-jp:"Noto Sans JP",sans-serif;

  /* レイアウト(サイズ寄りだが構造横断で使うためトークン化) */
  --section-pad:clamp(64px,10vw,112px);
  --inner:1120px;

  /* アイコン(SVGデータURI内のfillはCSS変数を参照できないため、色値はここに集約) */
  --icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2300A0E9'/%3E%3C/svg%3E");
}