/* ============================================================
   モンゴル高専生向けインターンシップサイト — Design Tokens
   セクション「デザイン」から抽出した実値（丸めなし）
   ============================================================ */

:root {
  /* --- Brand --- */
  --ds-brand-primary:        #1863D3; /* rgb(24,99,211)  ヘッダー / Primary ボタン / リンク */
  --ds-brand-primary-dark:   #0A5BA4; /* rgb(10,91,164)  Secondary ボタン枠線・文字 / 分野タグ文字 */
  --ds-brand-primary-panel:  #084E8E; /* 白20%のカード＋白文字でも本文のコントラスト5.12:1 */
  --ds-brand-primary-light:  #3D90E1; /* rgb(61,144,225) 補助バッジ文字・細線 */
  --ds-brand-tint:           #E7F0FD; /* rgb(231,240,253) 吹き出し / 注記の淡い面 */

  /* --- Accent（限定使用） --- */
  --ds-accent-orange:        #F65B30; /* rgb(246,91,48)  英字アイブローのみ */
  --ds-accent-ink-warm:      #461E0B; /* rgb(70,30,11)   お知らせ一覧の見出し・日付 */
  --ds-gradient-hero: linear-gradient(97.072deg, #66DBAC 0.02%, #17BAC5 25.97%, #0281CA 62.98%, #0063AF 93.74%);

  /* --- Feedback（Figma Variables 由来） --- */
  --ds-feedback-error:        #EC0000; /* 入力エラーの枠・文言 */
  --ds-feedback-error-strong: #A90000; /* エラーの長文 */
  --ds-feedback-error-bg:     #FDEEEE;
  --ds-feedback-success:      #197A4B;
  --ds-feedback-success-bg:   #E6F5EC;
  --ds-feedback-notice:       #806300; /* フォーム冒頭の注意書き */
  --ds-feedback-notice-bg:    #FFF0B3;

  /* --- Ink（文字） --- */
  --ds-ink-900: #12212F; /* rgb(18,33,47)   ページタイトル / 長文本文 */
  --ds-ink-800: #232A33; /* rgb(35,42,51)   カード見出し / リード / ヒーロー背景 */
  --ds-ink-600: #5B6675; /* rgb(91,102,117) 補足説明 / フッター本文 */
  --ds-ink-500: #727B86; /* rgb(114,123,134) パンくず / 日付 / ラベル */
  --ds-ink-300: #B7C4D6; /* rgb(183,196,214) プレースホルダ / 無効状態 */

  /* --- Surface / Border --- */
  --ds-surface-white:  #FFFFFF;
  --ds-surface-base:   #F5F8FB; /* rgb(245,248,251) ページ地色 */
  --ds-surface-soft:   #FBFDFF; /* rgb(251,253,255) 白の上の入れ子ブロック */
  --ds-border-default: #E1E8F1; /* rgb(225,232,241) カード枠 1px */
  --ds-border-divider: #E1E1E1; /* rgb(225,225,225) 一覧の区切り 0.5px */

  /* --- Typography --- */
  --ds-font-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* display/hero   700 */ --ds-type-display-size: 52.54px; --ds-type-display-lh: 56.743px; --ds-type-display-ls: -0.788px;
  /* heading/1      700 */ --ds-type-h1-size: 32px;   --ds-type-h1-lh: 48px;   --ds-type-h1-ls: -0.84px;
  /* heading/2      700 */ --ds-type-h2-size: 28px;   --ds-type-h2-lh: 42px;
  /* heading/article 700 */ --ds-type-harticle-size: 21px; --ds-type-harticle-lh: 37.8px; --ds-type-harticle-ls: -0.42px;
  /* heading/detail 700 */ --ds-type-hdetail-size: 20px; --ds-type-hdetail-lh: 30px; --ds-type-hdetail-ls: -0.42px;
  /* eyebrow/en     700 */ --ds-type-eyebrow-size: 24px; --ds-type-eyebrow-lh: 22.2px; --ds-type-eyebrow-ls: 2.16px;
  /* heading/3      500 */ --ds-type-h3-size: 18px;   --ds-type-h3-lh: 27px;
  /* heading/card   700 */ --ds-type-hcard-size: 17.5px; --ds-type-hcard-lh: 31.5px; --ds-type-hcard-ls: -0.35px;
  /* body/m         500 */ --ds-type-body-size: 16px; --ds-type-body-lh: 24px;
  /* body/read      400 */ --ds-type-read-size: 14px; --ds-type-read-lh: 25.2px;
  /* body/s         500 */ --ds-type-bodys-size: 14px; --ds-type-bodys-lh: 21px;
  /* caption        500 */ --ds-type-caption-size: 12px; --ds-type-caption-lh: 18px;
  /* micro          500 */ --ds-type-micro-size: 10px; --ds-type-micro-lh: 15px;
  /* footer heading 700 */ --ds-type-fheading-size: 13px; --ds-type-fheading-lh: 23.4px; --ds-type-fheading-ls: 0.65px;
  /* footer link    400 */ --ds-type-flink-size: 12.5px; --ds-type-flink-lh: 22.5px;

  /* --- Layout --- */
  --ds-canvas-width:    1440px;
  --ds-content-max:     1120px;
  --ds-pad-section:     176px; /* 本文セクション左右 */
  --ds-pad-chrome:      64px;  /* ヘッダー / フッター左右 */
  --ds-card-width:      248px;
  --ds-grid-index:      1088px; /* 記事一覧グリッド（4カラム / gap 48・32） */
  --ds-measure-read:    832px;  /* 説明記事の読み幅 */
  --ds-measure-detail:  746px;  /* 記事詳細の本文カラム（サイド 310 / gap 32） */
  --ds-measure-form:    640px;  /* フォームカラム */
  --ds-title-h:         154px;  /* title（リードあり） */
  --ds-title-h-compact: 114px;  /* title（リードなし・詳細ページ） */
  --ds-footer-h:        387px;
  --ds-field-h:         48px;   /* 入力欄の高さ */

  /* --- Spacing scale --- */
  --ds-space-6:  6px;   /* タグの間 */
  --ds-space-8:  8px;   /* 見出しと本文 / アイコンと文字 */
  --ds-space-16: 16px;  /* 見出しブロック内 */
  --ds-space-24: 24px;  /* カード間 / ボタン間 */
  --ds-space-32: 32px;  /* 見出しと本文ブロック */
  --ds-space-64: 64px;  /* セクション下余白 */
  --ds-space-76: 76px;  /* セクション上下余白（大） */
  --ds-space-80: 80px;  /* 記事セクション上下 */
  --ds-space-96: 96px;  /* 節の切り替わり・一覧の下 */

  /* --- Radius --- */
  --ds-radius-4:   4px;   /* タグ / 小バッジ */
  --ds-radius-6:   6px;   /* ボタン / 画像 */
  --ds-radius-8:   8px;   /* カード / パネル */
  --ds-radius-pill: 999px;

  /* --- Elevation --- */
  --ds-shadow-card:    0px 2px 6px rgba(44,61,87,0.05);
  --ds-shadow-raised:  0px 4px 12px rgba(22,36,58,0.06);
  --ds-shadow-primary: 0px 4px 12px rgba(24,99,211,0.28);

  /* --- Border widths --- */
  --ds-stroke-hairline: 0.5px; /* 一覧の区切り */
  --ds-stroke-1:        1px;   /* カード枠 */
  --ds-stroke-pill:     1.5px; /* ピルボタン枠 #232A33 */
  --ds-stroke-button:   1.6px; /* Secondary ボタン枠 #0A5BA4 */
}