/*
 * app.css — transer.io 共通スタイル
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy:       #0D1B3E;
  --navy-2:     #1B2D5B;
  --navy-3:     #54678c;
  --blue:       #2563EB;
  --blue-h:     #1D4ED8;
  --blue-light: #EFF6FF;
  --orange:     #F97316;
  --bg:         #F8FAFC;
  --white:      #FFFFFF;
  --card:       #FFFFFF;
  --text:       #0F172A;
  --txt2:       #334155;
  --txt3:       #8A96A8;
  --muted:      #64748B;
  --border:     #E2E8F0;
  --green:      #22C55E;
  --red:        #EF4444;

  --font: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  --mono: 'JetBrains Mono', 'Courier New', monospace;

  --radius:    12px;
  --radius-sm:  8px;
  --shadow:    0 4px 24px rgba(13,27,62,.08);
  --shadow-lg: 0 16px 48px rgba(13,27,62,.14);
}

html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: var(--font); color: var(--text); background: var(--bg); line-height: 1.7; }
img  { max-width: 100%; }
a    { text-decoration: none; color: var(--blue); }