@charset "UTF-8";

/* =====================================================
  TOKENS – MYTHOS CORE（Parent Theme）
===================================================== */

:root{

  /* =========================
     FONT SYSTEM
  ========================= */
  --font-en: "Cinzel", serif;
  --font-jp: "Cormorant Garamond", serif;

  /* =========================
     LAYOUT SPACING
  ========================= */
  --sec-y: 96px;
  --sec-y-sm: 72px;

  --stack-1: 14px;
  --stack-2: 22px;
  --stack-3: 28px;
  --stack-4: 40px;

  --container: 1200px;
  --container-wide: 1400px;
  --container-narrow: 920px;

  --gutter: 40px;
  --gutter-sm: 18px;

  /* =========================
     TYPOGRAPHY BASE
     （固定思想）
  ========================= */
  --fz-body: 15px;
  --lh-body: 2.6;
  --ls-body: 0.06em; /* ← 0.08 → 0.06へ調整 */

  --fw-body: 400;

  /* Title clamp用（将来安全化） */
  --fz-title-min: 22px;
  --fz-title-max: 34px;

  /* =========================
     MOTION SYSTEM
  ========================= */
  --ease-out: cubic-bezier(.16,1,.30,1);
  --ease: cubic-bezier(.25,.80,.25,1);

  --dur-1: 420ms;
  --dur-2: 700ms;
  --dur-3: 1400ms;
  --dur-4: 1800ms;

  --reveal-y: 16px;
  --reveal-blur: 4px;
  --reveal-ease: cubic-bezier(.18,.65,.22,1);

  /* =========================
     BRAND TOKENS
     （子テーマで上書き前提）
  ========================= */
  --brand-ink:#1a1a1a;
  --brand-deep:#111;
  --brand-muted:#666;
  --brand-line:rgba(0,0,0,.08);
  --brand-bg:#fafaf7;

  --brand-accent:#9c7a2f;

  /* 既存互換 */
  --brand-primary: var(--brand-accent);

  /* =========================
     CTA TOKENS
  ========================= */
  --cta-color: color-mix(in srgb, var(--brand-ink) 78%, transparent);
  --cta-line: color-mix(in srgb, var(--brand-accent) 55%, transparent);
  --cta-line-hover: color-mix(in srgb, var(--brand-accent) 85%, transparent);

}