/* =================================================================
   Coaching Dojo — Design Tokens（フォント＋配色の一元管理）
   フォントや配色を変えたい場合は、このファイルの :root を編集すれば
   全ページに反映されます。
   ================================================================= */

/* ---- Web フォント読み込み ---- */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@300;400;500;600;700&display=swap');

:root {
  /* ===== Typography（フォント） ===== */
  --lc-font-display: 'M PLUS 1', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', sans-serif;
  --lc-font-body:    'M PLUS 1', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', sans-serif;
  --lc-font-heading: 'M PLUS 1', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', sans-serif;

  /* ===== Surfaces（背景面） ===== */
  --lc-surface:         #F8F9FF;
  --lc-surface-dim:     #CBDBF5;
  --lc-surface-bright:  #F8F9FF;
  --lc-surface-lowest:  #FFFFFF;
  --lc-surface-low:     #EFF4FF;
  --lc-surface-mid:     #E5EEFF;
  --lc-surface-high:    #DCE9FF;
  --lc-surface-highest: #D3E4FE;

  /* ===== On surfaces（文字・線） ===== */
  --lc-on-surface:         #0B1C30;
  --lc-on-surface-variant: #3F484E;
  --lc-outline:            #6F787E;
  --lc-outline-variant:    #BEC8CE;

  /* ===== Primary ===== */
  --lc-primary:             #006686;
  --lc-primary-hover:       #00557A;
  --lc-on-primary:          #FFFFFF;
  --lc-primary-container:   #7DD3FC;
  --lc-on-primary-container:#005B78;

  /* ===== Secondary ===== */
  --lc-secondary:           #006591;
  --lc-secondary-container: #39B8FD;

  /* ===== Tertiary ===== */
  --lc-tertiary:            #576065;
  --lc-tertiary-container:  #C1CAD0;

  /* ===== Error ===== */
  --lc-error:               #BA1A1A;
  --lc-error-container:     #FFDAD6;
  --lc-on-error-container:  #93000A;

  /* ===== State colors（状態色） ===== */
  --lc-success:            #2E7D32;
  --lc-success-bright:     #34C759;
  --lc-success-container:  #E8F5E9;
  --lc-warning:            #E65100;
  --lc-warning-bright:     #FF9500;
  --lc-warning-container:  #FFF3E0;
  --lc-danger:             #FF3B30;
  --lc-danger-bright:      #E53935;
  --lc-danger-container:   #FDE8E8;
  --lc-gold:               #B8860B;
  --lc-gold-deep:          #C9A227;

  /* ===== Role colors（募集ロール） ===== */
  --lc-role-coach:      #3A7BD5;
  --lc-role-coach-bg:   #DEEAFC;
  --lc-role-both:       #388E3C;
  --lc-role-both-bg:    #D6EDDA;
  --lc-role-client:     #BF5600;
  --lc-role-client-bg:  #FDE8D4;

  /* ===== Glass effect ===== */
  --lc-glass-bg:            rgba(255, 255, 255, 0.65);
  --lc-glass-border:        rgba(255, 255, 255, 0.5);
  --lc-glass-shadow:        0 10px 30px rgba(125, 211, 252, 0.18);
  --lc-glass-shadow-strong: 0 20px 40px rgba(125, 211, 252, 0.22);

  /* ===== Radius（角丸） ===== */
  --lc-radius-sm:   0.25rem;
  --lc-radius:      0.5rem;
  --lc-radius-md:   0.75rem;
  --lc-radius-lg:   1rem;
  --lc-radius-xl:   1.5rem;
  --lc-radius-full: 9999px;
}

/* ---- 共通の基本ルール ---- */
button, input, select, textarea, optgroup {
  font-family: inherit;
  letter-spacing: inherit;
}