/* ============================================
   design-forge preset: cool（かっこいい）
   ダーク×スチールブルー・鋭角・エッジ
   ============================================ */
:root{
  /* 色 */
  --c-bg:#101418;
  --c-surface:#171d24;
  --c-text:#e6ebf0;
  --c-muted:#8b99a7;
  --c-primary:#4a8fc7;
  --c-primary-text:#ffffff;
  --c-accent:#6fc2e8;
  --c-border:#26303a;

  /* フォント */
  --font-display:'Oswald','Noto Sans JP',sans-serif;
  --font-body:'Noto Sans JP',sans-serif;

  /* 形（鋭角: 0〜4px） */
  --radius-s:2px;
  --radius-m:4px;
  --radius-l:4px;

  /* 影 */
  --shadow-s:0 2px 10px rgba(0,0,0,.45);
  --shadow-m:0 14px 34px rgba(0,0,0,.55);

  /* 速度（キビキビ） */
  --speed:.22s;
}