/**
 * Stratect Design Tokens
 * SSOT: DESIGN.md / docs/stratect_brand_guidelines.md
 *
 * ブランド4色: #0D182A (Dark Navy / Ink) / #133E6B (Deep) / #00B6D6 (Cyan) / #0FA3A3 (Teal)
 * Cyan は白地で文字色に使わない（コントラスト 2.4:1）。白地の文字には --cyan-ink を使う。
 */
:root {
  /* Brand */
  --ink: #0D182A;
  --deep: #133E6B;
  --cyan: #00B6D6;
  --teal: #0FA3A3;
  --cyan-ink: #007A93;           /* 白地で 5.0:1 */

  /* Surfaces */
  --bg: #FFFFFF;
  --bg-2: #F3F6F9;
  --bg-ink: var(--ink);
  --bg-ink-2: #111F36;

  /* Text */
  --text: var(--ink);
  --text-2: #3A475A;
  --text-3: #5B6778;             /* 白地 5.7:1 / bg-2 5.3:1 */
  --text-on-ink: #FFFFFF;
  --text-on-ink-2: #B7C3D1;      /* ink 地 9.9:1 */
  --text-on-ink-3: #8E9DB1;

  /* Lines */
  --line: #DFE5EC;
  --line-2: #C6D0DB;
  --line-ink: rgba(255, 255, 255, 0.12);
  --grid: rgba(19, 62, 107, 0.07);
  --grid-ink: rgba(255, 255, 255, 0.05);

  /* Typography */
  --font-display: "Sora", "Noto Sans JP", system-ui, sans-serif;
  --font-logo: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Noto Sans JP", monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-h3: clamp(1.125rem, 1.05rem + 0.3vw, 1.3125rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --fs-h1: clamp(2.125rem, 1.4rem + 3vw, 3.75rem);

  --track-label: 0.24em;

  /* Layout */
  --container: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 72px;
  --section-y: clamp(80px, 10vw, 144px);

  /* Shape — 構造的な直線を基調にし、角丸は最小限 */
  --radius: 2px;
  --radius-lg: 4px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.25, 1);
  --dur: 0.6s;

  --shadow: 0 1px 2px rgba(13, 24, 42, 0.04), 0 8px 24px rgba(13, 24, 42, 0.06);
}