/*
 * Granizo デザイントークン(Claude Design 新デザイン)
 * front-page.css・journey.css で共通利用
 */

:root{
  --gz-green: #0B4A3D;
  --gz-green-deep: #073229;
  --gz-green-mid: #0F5A4A;
  --gz-terracotta: #7A3420;
  --gz-cream: #FAF7F2;
  --gz-paper: #F3EEE5;
  --gz-paper-deep: #E8E0D0;
  --gz-ink: #1E1E1C;
  --gz-ink-soft: #55534C;
  --gz-line: #DCD5C7;
  --gz-line-strong: #B9AF98;
  --gz-on-dark: #F4EFE4;
  --gz-mint: #C9E3D8;
  --gz-stone: #5E6B62;
  --gz-sand: #C9BFA9;

  --gz-serif-en: 'Cormorant Garamond', serif;
  --gz-serif-ja: 'Shippori Mincho', serif;
  --gz-sans: 'Zen Kaku Gothic New', sans-serif;

  --gz-gutter: clamp(24px, 8.333vw, 120px);
}