/* =========================================================
   MinamoWorks — DIGITAL RIPPLE / Design Tokens
   全ページ共通の変数・カラー・タイポ・レイアウト単位。
   このファイルは最初に読み込むこと。
   ========================================================= */
:root{
  /* ---- Ink (dark surfaces) ---- */
  --mw-ink-950:#06131b;
  --mw-ink-900:#0a1c26;
  --mw-ink-800:#102934;

  /* ---- Light surfaces ---- */
  --mw-paper:#f5f9fa;
  --mw-white:#ffffff;
  --mw-surface:#ffffff;
  --mw-surface-dark:#0d222c;

  /* ---- Text ---- */
  --mw-text:#10232d;
  --mw-text-dark:#f5fbfc;
  --mw-muted:#6f8088;
  --mw-muted-dark:#9fb0b7;

  /* ---- Accents ---- */
  --mw-aqua:#42e8d0;
  --mw-aqua-dark:#18bdaa;
  --mw-blue:#3578ff;
  --mw-blue-soft:#dce8ff;

  /* ---- Borders ---- */
  --mw-border:rgba(15,45,57,.12);
  --mw-border-dark:rgba(255,255,255,.12);

  /* ---- Status ---- */
  --mw-success:#2fbd77;
  --mw-warning:#f2b84b;
  --mw-error:#e45f67;

  /* ---- Type families ---- */
  --mw-sans:"Manrope","Inter",system-ui,sans-serif;
  --mw-jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;

  /* ---- Type scale ---- */
  --mw-display:clamp(2.6rem,6vw,5rem);
  --mw-h1:clamp(1.9rem,3.9vw,3.2rem);
  --mw-h2:clamp(1.6rem,3.1vw,2.7rem);
  --mw-h3:clamp(1.4rem,2.1vw,2rem);
  --mw-lead:clamp(1.05rem,1.5vw,1.25rem);
  --mw-body:1rem;
  --mw-small:.875rem;

  /* ---- Layout ---- */
  --mw-container:1240px;
  --mw-measure:680px;
  --mw-gutter-pc:32px;
  --mw-gutter-sp:20px;
  --mw-section-pc:144px;
  --mw-section-tablet:104px;
  --mw-section-sp:80px;

  /* ---- Radius ---- */
  --mw-radius-sm:12px;
  --mw-radius-md:20px;
  --mw-radius-lg:32px;
  --mw-radius-pill:999px;

  /* ---- Shadow ---- */
  --mw-shadow-soft:0 24px 80px rgba(7,28,38,.10);
  --mw-shadow-card:0 12px 40px rgba(7,28,38,.08);
  --mw-shadow-dark:0 32px 100px rgba(0,0,0,.32);

  /* ---- Motion ---- */
  --mw-ease:cubic-bezier(.22,.8,.28,1);
  --mw-ease-out:cubic-bezier(.16,1,.3,1);
  --mw-dur:.6s;

  /* ---- z-index ---- */
  --z-nav:100;
  --z-menu:120;
  --z-cursor:9000;
}