@charset "UTF-8";

:root {
  --c-blue-950: #0c1f3a;
  --c-blue-900: #12315a;
  --c-blue-800: #17416f;
  --c-blue-700: #1d5fa7;
  --c-blue-600: #256fbd;
  --c-blue-100: #e8f2ff;
  --c-blue-50: #f4f9ff;
  --c-teal-600: #0f8b8d;
  --c-green-600: #15803d;
  --c-amber-500: #f59e0b;
  --c-orange-600: #ea580c;
  --c-red-600: #dc2626;
  --c-white: #ffffff;
  --c-gray-950: #111827;
  --c-gray-800: #1f2937;
  --c-gray-700: #374151;
  --c-gray-600: #4b5563;
  --c-gray-500: #6b7280;
  --c-gray-300: #d1d5db;
  --c-gray-200: #e5e7eb;
  --c-gray-100: #f3f4f6;
  --c-gray-50: #f9fafb;

  --c-text: var(--c-gray-800);
  --c-muted: var(--c-gray-600);
  --c-link: var(--c-blue-700);
  --c-border: #dbe4ef;
  --c-bg: var(--c-white);
  --c-bg-soft: var(--c-blue-50);

  --ff-sans: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.25rem;

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(17, 24, 39, 0.08);
  --shadow-md: 0 8px 24px rgba(17, 24, 39, 0.11);
  --shadow-blue: 0 16px 40px rgba(18, 49, 90, 0.16);

  --container-max: 1120px;
  --article-max: 820px;
  --container-pad: clamp(1rem, 4vw, 2rem);

  --transition: 180ms ease;
}