/* === effekttariff.nu theme aligned to Smoofit look & feel ===
   NOTE: Tweak the HEX values below to exactly match brand guides.
*/
:root{
  --brand-primary: #1e3a8a;   /* deep indigo (buttons, links) */
  --brand-primary-600: #2563eb; /* hover / emphasis */
  --brand-secondary: #16a34a; /* green accent (success, chips) */
  --brand-accent: #f59e0b;    /* warm accent for highlights */
  --brand-bg: #f8fafc;        /* slate-50 */
  --brand-surface: #ffffff;   /* cards */
  --brand-text: #0f172a;      /* slate-900 */
  --brand-muted: #475569;     /* slate-600 */
  --radius: 1rem;             /* rounded-2xl */
  --shadow: 0 4px 18px rgba(2, 6, 23, 0.08);
}
html { scroll-behavior: smooth; }
body { background: var(--brand-bg); color: var(--brand-text); font-feature-settings: "rlig" 1; }

/* Utilities to map brand vars while using Tailwind utilities */
.btn-primary {
  background: var(--brand-primary);
  color: #fff;
  border-radius: var(--radius);
  padding: .625rem 1rem;
  font-weight: 600;
  box-shadow: var(--shadow);
}
.btn-primary:hover { background: var(--brand-primary-600); }

.link-primary { color: var(--brand-primary); }
.link-primary:hover { color: var(--brand-primary-600); }

.card {
  background: var(--brand-surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

/* Table polish */
table { border-collapse: separate; border-spacing: 0; }
th { background: #f1f5f9; color: var(--brand-muted); text-transform: none; letter-spacing: .01em; }
td, th { vertical-align: top; }
tbody tr:hover { background: #f8fafc; }

/* Badges / bullets using brand-secondary */
.badge { display: inline-flex; align-items: center; gap:.4rem; font-size:.75rem; padding:.25rem .5rem; border-radius:999px; background: rgba(22,163,74,.1); color: var(--brand-secondary); }

/* Print */
@media print {
  header, footer, nav, .no-print { display: none !important; }
  body { background: #fff; }
}