:root {
  --ewp-orange: #db740d;
  --ewp-orange-dark: #b45f0a;
  --ewp-green: #6BA54A;
  --ewp-dark: #1a1a1a;
}

body { background: #fafafa; color: #2a2a2a; font-family: 'Segoe UI', system-ui, sans-serif; }

/* Navbar */
.ewp-navbar { background: var(--ewp-dark); }
.ewp-navbar .navbar-brand { color: #fff !important; }
.logo-dot { display:inline-block; width:12px; height:12px; background: var(--ewp-orange); border-radius:50%; vertical-align:middle; margin-right:6px; }

/* Buttons */
.btn-ewp-orange { background: var(--ewp-orange); color:#fff; border:none; }
.btn-ewp-orange:hover { background: var(--ewp-orange-dark); color:#fff; }

/* Cards */
.card-ewp { background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,0.04); }

/* Hero */
.hero { background: linear-gradient(135deg, #fff 0%, #fff3e6 100%); padding: 3rem 2rem; border-radius: 16px; border:1px solid rgba(219,116,13,0.15); }
.hero-img-box { padding:2rem; background:#fff; border-radius:12px; border:2px dashed var(--ewp-orange); }
.hero-icon { font-size: 3rem; margin-bottom: 0.5rem; }

/* Feature cards */
.feature-card { background:#fff; border-radius:12px; padding:1.5rem; height:100%; border:1px solid rgba(0,0,0,0.06); transition: border-color 0.2s; }
.feature-card:hover { border-color: var(--ewp-orange); }
.feature-icon { font-size:2rem; margin-bottom:0.5rem; }

/* Product cards */
.product-card { background:#fff; border-radius:12px; padding:1rem; border-left: 4px solid #ccc; box-shadow:0 1px 2px rgba(0,0,0,0.04); transition: box-shadow 0.2s; }
.product-card:hover { box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.product-card.status-ok     { border-left-color: #28a745; }
.product-card.status-soon   { border-left-color: var(--ewp-orange); }
.product-card.status-expired{ border-left-color: #dc3545; background:#fff5f5; }

.days-badge { display:inline-block; padding:0.25rem 0.5rem; border-radius:6px; font-size:0.8rem; font-weight:600; }
.days-badge.ok { background:#d4edda; color:#155724; }
.days-badge.soon { background:#fff3cd; color:#856404; }
.days-badge.expired { background:#f8d7da; color:#721c24; }

/* Scanner */
#qr-reader { border-radius: 12px; overflow: hidden; }

/* Footer */
footer a { color: var(--ewp-orange); text-decoration:none; }
footer a:hover { text-decoration:underline; }