:root{
  --gt-primary:#7A9E8E;
  --gt-primary-ink:#0f172a;
  --gt-accent:#F5EFE6;
  --gt-radius:0.75rem;
  --gt-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.05);
}
.gt-btn-primary{display:inline-block;background:var(--gt-primary,#2563eb);color:var(--gt-primary-ink,#fff);border-radius:var(--gt-radius,0.75rem);padding:0.75rem 1.5rem;font-weight:600;line-height:1.25;text-decoration:none;border:0;cursor:pointer;transition:filter .15s ease,opacity .15s ease}
.gt-btn-primary:hover{filter:brightness(.92)}
.gt-btn-outline{display:inline-block;background:transparent;color:var(--gt-primary,#2563eb);border:1px solid var(--gt-primary,#2563eb);border-radius:var(--gt-radius,0.75rem);padding:0.75rem 1.5rem;font-weight:600;line-height:1.25;text-decoration:none;cursor:pointer;transition:background .15s ease}
.gt-btn-outline:hover{background:rgba(37,99,235,.06)}
.gt-band{background:var(--gt-primary,#2563eb);color:var(--gt-primary-ink,#fff)}
/* Plaina länkar på ett brand-band ärver band-ink (läsbara). MEN knappar med
   egen bakgrund (Tailwind bg-*, t.ex. hero/cta-bandens vita "Kontakta oss"-
   knapp) behåller sin EGNA textfärg (text-slate-900) — annars vit-på-vit när
   mall-Tailwind-basen aktiverar bg-white (Onboarding P0 #5). */
.gt-band a:not([class*="bg-"]){color:var(--gt-primary-ink,#fff)}
.gt-soft{background:#f1f5f9;background:color-mix(in srgb, var(--gt-primary,#2563eb) 8%, #ffffff)}
.gt-accent-text{color:var(--gt-primary,#2563eb)}
.gt-eyebrow{color:var(--gt-primary,#2563eb);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.gt-ring{border:2px solid var(--gt-primary,#2563eb)}
.gt-chip{background:var(--gt-primary,#2563eb);color:var(--gt-primary-ink,#fff);border-radius:9999px}
.gt-rounded{border-radius:var(--gt-radius,0.75rem)}
.gt-shadow{box-shadow:var(--gt-shadow,0 10px 15px -3px rgba(0,0,0,.1))}
.gt-heading{}
.gt-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:9999px;background:#eff6ff;background:color-mix(in srgb, var(--gt-primary,#2563eb) 12%, #ffffff);color:var(--gt-primary,#2563eb);font-size:1.5rem}
/* Platshållarbild — tydlig "byt mig"-yta tills användaren laddar upp bild */
[data-placeholder-image="true"]{background:#e2e8f0;min-height:140px}