/**
 * Design Tokens
 * 一般社団法人日本語学校経営者協会
 */

:root {
  /* Colors */
  --brand-ink: #0E122A;      /* 暗紺・見出し */
  --brand-accent: #C9A86A;   /* 上品な金 */
  --brand-accent-2: #2E6F9E; /* 深い青 */
  --bg: #F8F9FB;
  --fg: #1F2430;
  --muted: #6B7380;
  --line: #E6E8ED;
  --success: #2E9E6F;
  --info: #2C7BE5;
  --warn: #F4B400;
  --danger: #E35151;

  /* Typography */
  --font-sans: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  --font-size-00: 12px;
  --font-size-0: 14px;
  --font-size-1: 16px;
  --font-size-2: 18px;
  --font-size-3: 22px;
  --font-size-4: 28px;
  --font-size-5: 36px;
  --font-size-6: 48px;

  /* Spacing */
  --space-0: 4px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;
  --space-8: 96px;

  /* Radius */
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 22px;
  --radius-xl: 28px;

  /* Shadows */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .06);
  --shadow-2: 0 6px 16px rgba(14, 18, 42, .12);
  --shadow-3: 0 18px 40px rgba(14, 18, 42, .18);

  /* Motion */
  --dur-1: 180ms;
  --dur-2: 360ms;
  --dur-3: 720ms;
  --easing: cubic-bezier(.22, .61, .36, 1);
}