@charset "UTF-8";

/* =================================================================
   variables.css - デザイントークン（カスタムプロパティ）
   ================================================================= */

:root {
  /* --- Colors --- */
  --color-primary: #3a7a5c;
  --color-primary-dark: #2d5f46;
  --color-primary-light: #e8f2ec;
  --color-accent: #a5603c;
  --color-accent-hover: #8d4e32;

  --color-text: #3a3a3a;
  --color-text-muted: #595959;
  --color-heading: #2d2d2d;

  --color-bg: #faf8f5;
  --color-bg-white: #ffffff;
  --color-bg-section: #f3f0eb;

  --color-border: #e0dcd6;
  --color-border-light: #ece8e2;

  --color-link: #3a7a5c;
  --color-link-hover: #2d5f46;

  --color-footer-bg: #2d5f46;
  --color-footer-text: #e8f2ec;

  --color-cta-mid: #d4e8db;
  --color-cta-end: #e8ddd4;

  --color-hero-service: #5a8bb0;
  --color-hero-institution: #6b8b4a;
  --color-hero-management: #8b6e4a;
  --color-hero-privacy: #6b6b8b;
  --color-hero-flow: #4a7b8b;

  --color-doc-badge: #7a4428;

  --color-table-header: #3a7a5c;
  --color-table-border: #d4d0ca;
  --color-table-stripe: #f8f6f2;

  --color-note: #595959;

  /* --- Typography --- */
  --font-body:
    "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    system-ui, -apple-system, sans-serif;
  --font-heading:
    "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho",
    serif;

  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --text-3xl: clamp(1.75rem, 1.3rem + 1.5vw, 2.5rem);

  --leading-tight: 1.3;
  --leading-normal: 1.8;

  /* --- Spacing --- */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-section: clamp(3rem, 2rem + 3vw, 5rem);

  /* --- Layout --- */
  --width-container: 1100px;
  --padding-container: 1.25rem;

  /* --- Shadows --- */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.08);

  /* --- Border Radius --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* --- Transitions --- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* --- Breakpoints (参照用、メディアクエリでは直接値を使用) --- */
  /* Mobile-first: 768px (tablet), 1024px (desktop) */
}