:root {
  --smt-green: #06784c;
  --smt-green-deep: #06412f;
  --smt-green-soft: #edf8f1;
  --smt-gold: #c79b30;
  --smt-gold-soft: #efdca5;
  --smt-ivory: #fffdf7;
  --smt-cream: #fff6dc;
  --smt-ink: #092f24;
}

html { background: #042b20; }

body {
  color: var(--smt-ink) !important;
  background:
    radial-gradient(circle at 90% 8%, rgba(235,191,77,.24), transparent 25%),
    radial-gradient(circle at 7% 72%, rgba(255,255,255,.96), transparent 29%),
    linear-gradient(155deg, #fffdf7 0%, #fff7e2 57%, #efd99e 100%) !important;
  background-attachment: fixed !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(118deg, transparent 15%, rgba(255,255,255,.42) 38%, transparent 60%);
  transform: translateX(-120%);
  animation: smtPageShine 9s ease-in-out infinite;
}

@keyframes smtPageShine {
  0%, 62% { transform: translateX(-120%); }
  84%, 100% { transform: translateX(120%); }
}

body > main,
.app,
.page {
  background: transparent !important;
}

h1, h2, h3, h4,
.title, .brand, .heading {
  color: var(--smt-green-deep) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.92);
}

.top, .topbar, .header, header.top {
  border-color: rgba(199,155,48,.56) !important;
}

.card, .panel, .section, .profile, .quick,
.receipt, .content > section, .settings-list,
.company-info, .notice-box, .summary-card,
.form-card, .details-card {
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,248,226,.96)) !important;
  border-color: rgba(199,155,48,.55) !important;
  box-shadow: 0 16px 36px rgba(112,77,10,.12), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.card, .panel, .section, .profile, .quick,
.company-info, .form-card, .details-card {
  border-radius: 20px !important;
}

.item, .row, .settings-row, .order, .beneficiary,
.receiver, .method, .option, .tile, .box {
  border-color: rgba(199,155,48,.34) !important;
}

input, select, textarea {
  color: var(--smt-ink) !important;
  background: rgba(255,254,249,.97) !important;
  border-color: #d7c17b !important;
}

input:focus, select:focus, textarea:focus {
  outline: none !important;
  border-color: #078755 !important;
  box-shadow: 0 0 0 3px rgba(7,135,85,.12), 0 8px 18px rgba(0,80,46,.07) !important;
}

.btn, .button, .action, .primary,
button[type="submit"], input[type="submit"] {
  color: #fff !important;
  background: linear-gradient(135deg, #07945a, #005f39 72%) !important;
  border-color: #08784a !important;
  box-shadow: 0 11px 24px rgba(0,107,63,.20) !important;
}

.btn.secondary, .button.light, .secondary,
.action.light, button.secondary {
  color: var(--smt-green-deep) !important;
  background: linear-gradient(145deg, #fffef9, #fff6dc) !important;
  border-color: #d0b259 !important;
}

.back, .icon, .icon-link, .print, .edit,
.status-pill, .pill, .badge {
  border-color: rgba(199,155,48,.58) !important;
}

.back, .icon, .icon-link, .print {
  color: var(--smt-green-deep) !important;
  background: rgba(255,253,247,.96) !important;
  box-shadow: 0 8px 18px rgba(112,77,10,.10) !important;
}

a { color: #06784c; }

.muted, .lead, .small, .note, .subtitle {
  color: #526b61 !important;
}

.brand img, .logo img, .logo-wrap img {
  filter: contrast(1.08) saturate(1.06) drop-shadow(0 5px 8px rgba(0,91,52,.10));
}

table, th, td { border-color: rgba(199,155,48,.36) !important; }
th { color: var(--smt-green-deep) !important; background: #fff5d7 !important; }

.success, .approved, .active, .tracking {
  color: #057347 !important;
}

@media (prefers-reduced-motion: reduce) {
  body::before { animation: none; }
}

@media (max-width: 480px) {
  body { background-attachment: scroll !important; }
  .card, .panel, .section, .profile, .quick,
  .company-info, .form-card, .details-card {
    border-radius: 17px !important;
  }
}