/* ==========================================================================
   sumaeki.com — Bootstrap 5 Theme Variables
   Override BS5 defaults with site branding
   ========================================================================== */

:root {
  /* Primary brand colors */
  --bs-primary: #0679D4;
  --bs-primary-rgb: 6,121,212;

  /* Dark (navbar background) */
  --bs-dark: #043A5E;
  --bs-dark-rgb: 4,58,94;

  /* Accent / hover */
  --bs-danger: #FF3300;
  --bs-danger-rgb: 255,51,0;

  /* Light background */
  --bs-light: #E8F2FC;
  --bs-light-rgb: 232,242,252;

  /* Dark variant */
  --sk-primary-dark: #0560AA;
  --sk-btn-shadow: #044B7A;

  /* Font stack (Japanese-optimized) */
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", "Microsoft Yahei", Arial, sans-serif;
  --bs-body-font-size: 0.9375rem;
  --bs-body-line-height: 1.6;
  --bs-body-color: #333;
  --bs-body-bg: #fff;

  /* Link */
  --bs-link-color: #0679D4;
  --bs-link-hover-color: #FF3300;
}

/* Override BS5 component colors via utility classes */
.btn-primary {
  --bs-btn-bg: #0679D4;
  --bs-btn-border-color: #0679D4;
  --bs-btn-hover-bg: #0560AA;
  --bs-btn-hover-border-color: #044B7A;
  --bs-btn-active-bg: #044B7A;
  --bs-btn-active-border-color: #043A5E;
}

.btn-outline-primary {
  --bs-btn-color: #0679D4;
  --bs-btn-border-color: #0679D4;
  --bs-btn-hover-bg: #0679D4;
  --bs-btn-hover-border-color: #0679D4;
}

.navbar-dark, .bg-dark {
  --bs-bg-opacity: 1;
  background-color: #043A5E !important;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: #0679D4 !important;
}

/* Breadcrumb */
.breadcrumb {
  --bs-breadcrumb-divider: '>';
  --bs-breadcrumb-font-size: 0.875rem;
  padding: 0.5rem 0;
  margin-bottom: 0;
  background: transparent;
}

/* Pagination override */
.pagination {
  --bs-pagination-active-bg: #0679D4;
  --bs-pagination-active-border-color: #0679D4;
}

/* Card subtle shadow */
.card {
  --bs-card-border-color: #e5e7eb;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}