/* =============================================
   style.css — AR Postcard グローバルスタイル
   ============================================= */

:root {
  --primary:      #6c63ff;
  --primary-dark: #574fd6;
  --secondary:    #ff6584;
  --bg-light:     #f8f7ff;
  --text-muted:   #6c757d;
  --radius-card:  1rem;
}

/* Bootstrap primary 上書き */
.btn-primary, .bg-primary { background-color: var(--primary) !important; border-color: var(--primary) !important; }
.btn-primary:hover        { background-color: var(--primary-dark) !important; border-color: var(--primary-dark) !important; }
.text-primary             { color: var(--primary) !important; }
.border-primary           { border-color: var(--primary) !important; }

.bg-primary-custom {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
}

body {
  background: var(--bg-light);
  font-family: 'Helvetica Neue', Arial, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.main-content { flex: 1; }

/* Navbar */
.navbar-brand { letter-spacing: -0.5px; }

/* Cards */
.card { transition: box-shadow .2s; }
.card:hover { box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1) !important; }

/* Rounded */
.rounded-4 { border-radius: var(--radius-card) !important; }
.rounded-top-4 { border-top-left-radius: var(--radius-card) !important; border-top-right-radius: var(--radius-card) !important; }

/* Footer */
.footer { background: #1a1a2e; color: #888; }

/* Badges */
.smaller { font-size: .75em; }

/* Landing page hero */
.hero-section {
  background: linear-gradient(135deg, var(--primary) 0%, #a18cd1 60%, var(--secondary) 100%);
  color: #fff;
  padding: 5rem 0;
  text-align: center;
}
.hero-section h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; }

/* Feature cards */
.feature-card { border-radius: var(--radius-card); transition: transform .2s; }
.feature-card:hover { transform: translateY(-4px); }
.feature-icon { font-size: 2.5rem; }