/*
 * あわら三国ライオンズクラブ
 * 04｜共通デザイントークン
 * Version: 1.0.0
 */

:root {

  /* Brand Colors */
  --amlc-blue: #0B3B75;
  --amlc-blue-dark: #07305F;
  --amlc-blue-action: #074E96;

  --amlc-yellow: #F4C542;

  /* Text */
  --amlc-text: #1D2A3B;
  --amlc-text-muted: #536577;

  /* Background */
  --amlc-white: #FFFFFF;
  --amlc-bg: #FFFFFF;
  --amlc-bg-light: #F3F8FC;
  --amlc-bg-sky: #EAF4FC;

  /* Border */
  --amlc-border: #D8E4EF;

  /* Accent */
  --amlc-red: #C52D39;
  --amlc-pink: #D72E72;
  --amlc-green: #008B53;

  /* Focus */
  --amlc-focus: #0A66C2;

  /* Width */
  --amlc-container: 1180px;
  --amlc-article: 760px;

  --amlc-gutter: clamp(16px, 2.2vw, 32px);

  /* Fonts */
  --amlc-font-body:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif;

  --amlc-font-heading:
    "Noto Serif JP",
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  /* Font Size */
  --amlc-font-base: 17px;
  --amlc-font-small: 14px;

  --amlc-h1: clamp(30px, 4vw, 42px);
  --amlc-h2: clamp(25px, 3vw, 32px);
  --amlc-h3: clamp(20px, 2.5vw, 23px);

  --amlc-line-height: 1.85;

  /* Spacing */
  --amlc-space-xs: 8px;
  --amlc-space-sm: 16px;
  --amlc-space-md: 24px;
  --amlc-space-lg: 40px;
  --amlc-space-xl: 60px;

  --amlc-section-space:
    clamp(52px, 6vw, 80px);

  /* Border Radius */
  --amlc-radius-sm: 8px;
  --amlc-radius-md: 12px;
  --amlc-radius-lg: 20px;

  /* Shadow */
  --amlc-shadow-card:
    0 8px 26px rgba(11, 59, 117, 0.08);

  --amlc-shadow-hover:
    0 14px 36px rgba(11, 59, 117, 0.14);

  /* Button */
  --amlc-button-height: 48px;

  /* Motion */
  --amlc-transition: 180ms ease;

}