@charset "UTF-8";
:root {
  --c-navy:        #1a2b4a;
  --c-navy-dark:   #111e33;
  --c-navy-mid:    #243558;
  --c-blue:        #1e6fd9;
  --c-blue-light:  #3b82f6;
  --c-orange:      #e85d04;
  --c-orange-dark: #c74d02;
  --c-red:         #dc2626;
  --c-yellow-hl:   #fde68a;

  --c-white:    #ffffff;
  --c-gray-50:  #f8fafc;
  --c-gray-100: #f1f5f9;
  --c-gray-200: #e2e8f0;
  --c-gray-400: #94a3b8;
  --c-gray-600: #475569;
  --c-gray-700: #334155;
  --c-gray-900: #0f172a;

  --c-text:       #1e293b;
  --c-text-muted: #475569;
  --c-bg:         #ffffff;
  --c-bg-alt:     #f8fafc;
  --c-border:     #e2e8f0;

  --ff-sans: 'Noto Sans JP', 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;
  --sp-20: 5rem;

  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   20px;
  --r-full: 9999px;

  --shadow-sm:   0 1px 3px rgba(0,0,0,.08);
  --shadow-md:   0 4px 12px rgba(0,0,0,.10);
  --shadow-lg:   0 8px 24px rgba(0,0,0,.12);
  --shadow-card: 0 2px 8px rgba(26,43,74,.08);

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

  --trans-fast: 150ms ease;
  --trans-base: 250ms ease;
}