:root {
  /* ========================================================
     THEME: WHITE MINIMAL (클린 화이트 미니멀)
     Inspired by: Photomon Biz Original Cotton 250g / Swiss Modern
     ======================================================== */
  --bg-body: radial-gradient(circle at 50% 15%, #f8fafc 0%, #e2e8f0 65%, #cbd5e1 100%);
  --bg-card: #ffffff;
  --card-gradient: linear-gradient(160deg, #ffffff 0%, #fafafa 45%, #f1f5f9 100%);
  --neon-accent: #0f172a;
  --neon-glow: rgba(15, 23, 42, 0.08);
  --border-accent: rgba(15, 23, 42, 0.12);
  --border-subtle: rgba(15, 23, 42, 0.06);
  --gold-accent: #1e293b;
  --tagline-color: #64748b;
  --logo-bg: #f8fafc;
  --logo-border: rgba(15, 23, 42, 0.1);
  --logo-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
  --key-color: #0f172a;
  --moat-bg: rgba(15, 23, 42, 0.04);
  --moat-border: rgba(15, 23, 42, 0.1);
  --moat-text: #1e293b;
  --save-btn-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  --save-btn-color: #ffffff;
  --save-btn-shadow: 0 6px 18px rgba(15, 23, 42, 0.22);
  --watermark-color: rgba(15, 23, 42, 0.038);
}

/* Base Light Theme Card Face Styling */
.card-face {
  background: 
    linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.6) 100%),
    repeating-linear-gradient(0deg, rgba(15,23,42,0.012) 0px, rgba(15,23,42,0.012) 1px, transparent 1px, transparent 4px),
    var(--card-gradient) !important;
  border: 1.5px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 0.9),
    0 18px 45px rgba(15, 23, 42, 0.12),
    0 4px 14px rgba(15, 23, 42, 0.05) !important;
  color: #0f172a !important;
}

/* Silk Luster Glare Sweep */
.card-face::before {
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, 0.5) 47%, rgba(226, 232, 240, 0.45) 50%, rgba(255, 255, 255, 0.6) 53%, transparent 64%) !important;
  opacity: 0.6 !important;
}

/* Typography & Headings */
.card-brand-name,
.front-company,
.back-company-name {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
  text-shadow: none !important;
}

.executive-name,
.name-title {
  color: #0f172a !important;
  text-shadow: none !important;
}

.executive-role,
.card-brand-slogan,
.front-slogan,
.back-company-slogan {
  color: #475569 !important;
}

.role-title,
.contact-key,
.nfc-text,
.back-qr-caption {
  color: #64748b !important;
}

.nfc-icon-svg {
  color: #0f172a !important;
}

.card-header-bar {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.card-edition-badge {
  background: rgba(15, 23, 42, 0.05) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  color: #0f172a !important;
}

.edition-dot {
  background: #0f172a !important;
  box-shadow: 0 0 4px rgba(15, 23, 42, 0.3) !important;
}

.executive-divider {
  background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.15) 30%, rgba(15, 23, 42, 0.3) 50%, rgba(15, 23, 42, 0.15) 70%, transparent) !important;
}

/* Medallion */
.medallion-bevel-outer {
  background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(226,232,240,0.6) 50%, rgba(148,163,184,0.4) 100%) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1) !important;
}

.medallion-bevel-inner {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: inset 0 1px 2px rgba(255,255,255,1), 0 2px 8px rgba(15,23,42,0.06) !important;
}

/* Contact Rows */
.contact-row {
  background: rgba(15, 23, 42, 0.035) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: #0f172a !important;
}

.contact-row:hover {
  background: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
}

.contact-value {
  color: #1e293b !important;
}

/* QR Code Frame */
.back-qr-frame {
  background: rgba(15, 23, 42, 0.03) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
}

.back-qr-frame:hover {
  background: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
}

/* Action Dock Sub Buttons */
.btn-sub-glass {
  background: rgba(15, 23, 42, 0.04) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  color: #1e293b !important;
}

.btn-sub-glass:hover {
  background: rgba(15, 23, 42, 0.08) !important;
  border-color: rgba(15, 23, 42, 0.2) !important;
}

/* Glass buttons on White Minimal */
.btn-glass,
.btn-action.btn-glass {
  background: rgba(15, 23, 42, 0.05) !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  color: #0f172a !important;
}

.btn-glass span,
.btn-action.btn-glass span {
  color: #0f172a !important;
}

.btn-glass:hover,
.btn-action.btn-glass:hover {
  background: rgba(15, 23, 42, 0.09) !important;
  border-color: rgba(15, 23, 42, 0.22) !important;
}

/* Moat Tags on White Minimal */
.moat-tag {
  background: rgba(15, 23, 42, 0.05) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: #1e293b !important;
}

/* Watermark Typography on White Minimal */
.watermark-dynamic span {
  color: rgba(15, 23, 42, 0.04) !important;
  -webkit-text-stroke: 1px rgba(15, 23, 42, 0.08) !important;
}

/* Taglines and Engravings on White Minimal */
.brand-sub-engraving {
  color: #64748b !important;
}

@keyframes logoPulse {
  0%, 100% {
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    border-color: rgba(15, 23, 42, 0.12);
  }
  50% {
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
    border-color: rgba(15, 23, 42, 0.2);
  }
}