/**
 * tokens.css — XiADEN デザイントークン (v1.1)
 * 元ファイル: company_top_D4_28_fresh.html <style> lines 27-81
 */

:root {
  /* Brand Colors */
  --n:   #1d3a5a;   /* Navy: ブランド主色・信頼 */
  --nd:  #0f2035;   /* Dark Navy */
  --nm:  #2a527e;   /* Mid Navy */
  --b:   #eef5fc;   /* Light Blue: カード背景・アイコン台座 */
  --bm:  #c8ddf0;   /* Mid Blue: ボーダー・区切り */
  --bs:  #f2f8fd;   /* 極薄Blue: セクション交互背景 */
  --or:  #e8780c;   /* Orange: CTA・アクセント */
  --orm: #f5952a;   /* Orange hover */
  --w:   #ffffff;
  --tx:  #1a2535;   /* Text Main */
  --txm: #3a5470;   /* Text Mid */
  --txl: #6680a0;   /* Text Light: 補足・キャプション */
  --gn:  #1a7a45;   /* Green: 完了・チェック */
  --div: rgba(29,58,90,.07); /* Divider */

  /* Shadows */
  --s1: 0 2px 12px rgba(29,58,90,.08), 0 1px 3px rgba(29,58,90,.05);
  --s2: 0 6px 24px rgba(29,58,90,.11), 0 2px 8px rgba(29,58,90,.06);
  --s3: 0 14px 44px rgba(29,58,90,.16), 0 4px 12px rgba(29,58,90,.08);

  /* Border Radius */
  --r1: 6px;
  --r2: 12px;
  --r3: 16px;
  --r4: 24px;
  --rf: 9999px;

  /* Spacing (8px grid) */
  --sp4:   4px;
  --sp8:   8px;
  --sp12:  12px;
  --sp16:  16px;
  --sp20:  20px;
  --sp24:  24px;
  --sp32:  32px;
  --sp40:  40px;
  --sp48:  48px;
  --sp64:  64px;
  --sp80:  80px;
  --sp96:  96px;

  /* Typography */
  --f-hero: clamp(26px, 4vw, 42px);
  --f-h2:   clamp(20px, 2.8vw, 28px);
  --f-h3:   18px;
  --f-body: 15px;
  --f-sm:   13px;
  --f-xs:   11px;
  --lh:     1.85;

  /* Layout */
  --max-w:  1360px;
  --nav-h:  68px;
}