/* FunnelWorks — design tokens (Figmaのデザインシステム由来) */
:root {
  /* Surfaces */
  --paper:        #FAF7F1;
  --paper-warm:   #F1EADD;
  --accent-soft:  #E4F5F0;

  /* Accents */
  --mint:         #48C7AF; /* Accent/Primary */
  --deep:         #0E7A66; /* Accent/Deep — paper上で読める文字/リンク */
  --coral:        #FF6247; /* Accent/Vivid — CTA差し色 */

  /* Text / dark */
  --ink:          #23262A; /* Text/Ink */
  --ink-strong:   #241F19; /* ダークフッター地 */
  --muted:        #776F64; /* ラベル/サブ文字 */
  --on-accent:    #0E241F; /* ミント地に載せる濃色 */
  --white:        #FFFFFF;

  /* Typography */
  --serif: "Shippori Mincho B1", "Hiragino Mincho ProN", serif;   /* 見出し */
  --sans:  "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif; /* 本文 */
  --label: "Space Grotesk", "Noto Sans JP", sans-serif;            /* 英字ラベル/番号 */

  /* Radii */
  --r-sm: 8px;
  --r:    16px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* Layout */
  --wrap: 1200px;
  --gutter: 48px;

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
}

@media (max-width: 768px) {
  :root { --gutter: 24px; }
}