/* デザイントークン。公開サイトと管理画面で共有する。 */
:root {
  --color-text: #1d1d1f;
  --color-text-muted: #6e6e73;
  --color-bg: #fff;
  --color-surface: #f5f5f7;
  --color-line: rgba(0, 0, 0, 0.1);
  --color-link: #0066cc;
  --color-accent: #0071e3;
  --color-accent-strong: #0062c4;
  --color-danger: #b00020;
  --color-focus: rgba(0, 113, 227, 0.55);

  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 980px;

  --shadow-raised: 0 8px 30px rgba(0, 0, 0, 0.12);
  --content-width: 1100px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}