/**
 * MINAMI Dental Clinic - Design Tokens
 * Figma node 25322:13320（ルールセット）準拠
 *
 * @see https://www.figma.com/design/HKa2A5Px4GJO9Y4XWYxfa9/…?node-id=25322-13320
 */

:root {
  /* --------------------------------------------------------------------------
     カラーパレット - テキストカラー
     -------------------------------------------------------------------------- */
  --color-base: #ffffff;
  --color-contrast: #393939;
  --color-contrast-light: #888888;

  /* --------------------------------------------------------------------------
     カラーパレット - ブランドカラー
     -------------------------------------------------------------------------- */
  --color-main: #1391e6;
  --color-main-dark: #0060a0;
  --color-main-light: #dff1fd;
  --color-accent: #ee5a6d;

  /* --------------------------------------------------------------------------
     タイポグラフィ
     フォント: M PLUS Rounded 1c（Medium / Bold）
     -------------------------------------------------------------------------- */
  --font-family: "M PLUS Rounded 1c", sans-serif;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-base: 14px;
  --line-height-base: 1.7;
  --line-height-tight: 1.5;
  --letter-spacing-heading: 0.16em;
  --letter-spacing-section: 0.08em;

  /* --------------------------------------------------------------------------
     エフェクト（デフォルトシャドウ）
     -------------------------------------------------------------------------- */
  --shadow-default: 0 3px 6px rgba(0, 0, 0, 0.16);
  --shadow-header: 0 3px 3px rgba(0, 0, 0, 0.16);

  /* --------------------------------------------------------------------------
     レイアウト
     -------------------------------------------------------------------------- */
  --max-width-content: 1280px;
  --max-width-inner: 1000px;

  /* --------------------------------------------------------------------------
     モーション
     -------------------------------------------------------------------------- */
  --transition-hover: 0.3s ease;
}

/* --------------------------------------------------------------------------
   ベースタイポグラフィ
   -------------------------------------------------------------------------- */
body {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--color-contrast);
  background-color: var(--color-base);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  color: var(--color-contrast);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}