/* ==========================================================================
   Sakifull LMS — デザイントークン（仕様/00_デザイントークン.md 準拠）
   ========================================================================== */
:root{
  /* ブランド */
  --brand:        #FF5B8D;  /* ブランドカラー。見出しの強調・装飾・枠線・バッジ・アイコン */
  --cta:          #D81B60;  /* CTAボタンの塗り（Figma実測値。白文字コントラスト比 約4.94:1） */
  --cta-hover:    #BA1753;  /* CTAボタンのホバー（--ctaを約14%暗く） */

  /* テキスト */
  --text:         #101823;  /* 基本の文字色 */
  --text-sub:     #46536A;  /* 本文・補足 */
  --text-mute:    #7A879B;  /* 注記 */
  --text-invert:  #FFFFFF;  /* 濃い背景の上の文字 */

  /* 背景 */
  --bg:           #FFFFFF;
  --bg-blue:      #D2E8FE;  /* セクション背景（淡い青） */
  --bg-blue-soft: #EDF5FE;  /* --bg-blue をさらに薄めた面。帯・カード背景に */
  --bg-dark:      #5A6B85;  /* 濃い背景。上に置く文字は白 */
  --blue-vivid:   #3D9CFB;  /* S6「安全と快適」の面。Figma実測値（h1見出しと同色）。白文字を載せる */

  /* 罫線 */
  --line:         #DCE7F2;
  --line-strong:  #B9CBDD;

  /* 状態 */
  --error:        #C4392A;
  --error-bg:     #FDECEA;
  --success:      #1A7A56;
  --success-bg:   #E6F5EF;

  /* フォント */
  --font-jp:  "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-num: "Abril Fatface", Georgia, serif;

  /* 余白 */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:80px;

  /* 角丸・影 */
  --r-s:8px; --r-m:14px; --r-l:22px;
  --sh-s: 0 1px 2px rgba(16,24,35,.05), 0 2px 6px rgba(16,24,35,.045);
  --sh-m: 0 2px 4px rgba(16,24,35,.05), 0 8px 22px rgba(16,24,35,.07);

  /* レイアウト */
  --content-w: 1120px;
  --content-pad: 22px;
  --form-w: 640px;
}