/* ============================================================
   AMAYUKU Design System — tokens
   株式会社尼崎薬品 / 外来水草繁殖抑制事業
   ※ Webフォントは index.html の <link> で読み込んでいます
   ============================================================ */
:root {
  /* ---- Brand ---- */
  --blue:  #0A6FB8;
  --navy:  #0A3B5C;
  --green: #34B257;
  --orange:#E76A22;

  --green-d:  #1B7A3C;
  --orange-d: #B85011;
  --green-t:  #1B6E36;
  --orange-t: #9A4412;

  /* ---- Neutrals ---- */
  --ink:   #16303B;
  --sub:   #5C7682;
  --line:  #D5E1E8;
  --white: #FFFFFF;

  /* ---- Tints ---- */
  --tint-blue:   #EAF3FA;
  --tint-green:  #EAF6EE;
  --tint-orange: #FCEDE2;
  --tint-cool:   #E7EEF5;

  /* ---- このLPのアクセント（水ブルー系） ---- */
  --accent:      var(--blue);
  --accent-d:    #075A96;
  --accent-tint: var(--tint-blue);
  --accent-t:    #0A5C97;

  /* ---- Type ---- */
  --font-serif: 'Noto Serif JP', serif;
  --font-sans:  'Noto Sans JP', sans-serif;

  --text-display: 34px;
  --text-h2:      24px;
  --text-h3:      19px;
  --text-lead:    16px;
  --text-body:    15px;
  --text-sm:      14px;
  --text-caption: 13px;
  --text-label:   12px;
  --text-micro:   11px;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  --lh-tight:   1.3;
  --lh-heading: 1.6;
  --lh-body:    1.95;
  --lh-ui:      1.7;

  /* ---- Layout ---- */
  --site-max: 1180px;
  --gutter:   28px;

  /* ---- Radii ---- */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fade:  600ms;
  --dur-hover: 180ms;
}