/* ============================================================
   Design Tokens — 株式会社ジニアシ
   ============================================================ */
:root {
  /* Brand Colors */
  --c-primary:    #1F5E3B;
  --c-secondary:  #2E8B57;
  --c-accent:     #C8A24D;

  /* Base Colors */
  --c-bg:         #F4F6F2;
  --c-bg-white:   #FFFFFF;
  --c-text:       #0F172A;
  --c-muted:      #475569;
  --c-border:     #E2E8F0;
  --c-border-light: #F1F5F9;

  /* Typography */
  --ff-base: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-md:   16px;
  --fs-lg:   18px;
  --fs-xl:   24px;
  --fs-2xl:  32px;
  --fs-3xl:  40px;
  --lh-body:    1.7;
  --lh-heading: 1.25;

  /* Spacing (4px base) */
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-6:   24px;
  --sp-8:   32px;
  --sp-12:  48px;
  --sp-16:  64px;
  --sp-20:  80px;
  --sp-24:  96px;

  /* Border Radius */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.10), 0 2px 4px rgba(0,0,0,.06);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.12);

  /* Layout */
  --max-w: 1280px;
  --header-h: 72px;

  /* Transitions */
  --tr: 0.2s ease;
}

@media (max-width: 767px) {
  :root {
    --header-h: 64px;
    --fs-2xl:   26px;
    --fs-3xl:   30px;
  }
}