/* =========================================================
   Lyst tema — gjennomgående override på hele portefølje-siden
   Lysere palett, fjerner sci-fi/HUD-elementer.
   Behold strukturen og typografien.
   ========================================================= */

:root {
  /* Lys, varm palett */
  --paper:      #F5F1E8;         /* varm off-white */
  --paper-2:    #EDE7DA;         /* litt dypere beige */
  --paper-3:    #E5DECB;         /* krem */
  --silver:     rgba(31, 26, 20, 0.12);
  --silver-2:   rgba(31, 26, 20, 0.22);
  --grey:       #6B5F50;
  --grey-soft:  #8A7E6D;
  --ink:        #1F1A14;
  --ink-soft:   #3A3128;

  /* Aksent — dempet, varmt + moderne grønn for interaksjon */
  --accent:        #8B6F47;
  --accent-strong: #6E5638;
  --accent-soft:   #B89876;
  --accent-clay:   #B5694F;
  --accent-rust:   #A0532E;
  --accent-lilac:  #8B7494;
  --accent-cyan:   #1E3A2E;       /* overstyrt: cyan → skog-grønn */
  --accent-cyan-glow: rgba(30, 58, 46, 0.18);
  --accent-warn:   #C19A3E;
  --accent-ok:     #6B8E55;

  /* Surfaces */
  --surface:       #FBF8F1;
  --surface-soft:  #F0EBDD;
  --surface-card:  #FBF8F1;

  --shadow-1:      0 1px 2px rgba(31, 26, 20, 0.06);
  --shadow-2:      0 24px 60px -24px rgba(31, 26, 20, 0.14);
  --shadow-glow:   none;
}

/* ---------- Body + bakgrunn ---------- */
html, body {
  background: var(--paper) !important;
  color: var(--ink) !important;
}
body::before, body::after { display: none !important; }
.scene { opacity: 0.55; }

/* ---------- Fjern HUD og custom cursor-rester ---------- */
.corner { display: none !important; }
.sys-status { display: none !important; }
.jc, .jc *, .jc__reticle, .jc__cross, .jc__dot,
.cursor, .cursor--dot, .cursor--ring { display: none !important; }
.mark__dot::after, .mark__dot::before { display: none !important; }

/* ---------- Topbar ---------- */
.topbar {
  background: rgba(245, 241, 232, 0.85) !important;
  border-bottom: 1px solid var(--silver) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
.mark__dot {
  background: var(--ink) !important;
  box-shadow: none !important;
}
.mark__id { color: var(--ink-soft) !important; letter-spacing: 0.18em; }
.main-nav__item { color: var(--ink-soft) !important; }
.main-nav__item:hover,
.main-nav__item.is-active { color: var(--ink) !important; }
.main-nav__indicator {
  background: var(--ink) !important;
  box-shadow: none !important;
}

/* ---------- Visitkort ---------- */
.visitkort__halo,
.visitkort__frame, .visitkort__frame--1, .visitkort__frame--2,
.visitkort__shine { display: none !important; }
.visitkort__card {
  background: var(--surface) !important;
  border: 1px solid var(--silver) !important;
  box-shadow: var(--shadow-2) !important;
  color: var(--ink) !important;
}
.visitkort__name { color: var(--ink) !important; text-shadow: none !important; }
.visitkort__name em { color: var(--ink) !important; }
.visitkort__name em::after { display: none !important; }
.visitkort__meta dt { color: var(--grey) !important; letter-spacing: 0.16em; }
.visitkort__meta dd,
.visitkort__skills li { color: var(--ink-soft) !important; }
.visitkort__skills li::before {
  background: var(--accent) !important;
  box-shadow: none !important;
}
.visitkort__meta {
  border-top-color: var(--silver) !important;
}

/* ---------- CTAs (primær, mørk + grønn hover) ---------- */
.visitkort__cta,
.hero-intro__link,
.exec-cta,
.demo-gift,
.group-nav__btn,
.projects__hub-btn,
.chip-link,
.about-ch__cta {
  background: var(--ink) !important;
  color: var(--paper) !important;
  border: 1px solid var(--ink) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease, color 0.22s ease !important;
}
.visitkort__cta:hover,
.hero-intro__link:hover,
.exec-cta:hover,
.demo-gift:hover,
.group-nav__btn:hover,
.projects__hub-btn:hover,
.chip-link:hover,
.about-ch__cta:hover {
  background: #1E3A2E !important;
  border-color: #1E3A2E !important;
  color: var(--paper) !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

/* Sosiale ikoner (LinkedIn / email) — sekundær, omvendt hover */
.visitkort__linkedin,
.visitkort__email {
  background: transparent !important;
  border: 1px solid var(--silver-2) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
.visitkort__linkedin:hover,
.visitkort__email:hover {
  background: var(--ink) !important;
  color: var(--paper) !important;
  border-color: var(--ink) !important;
}

/* Aktiv chip-link */
.chip-link.is-active {
  background: var(--ink) !important;
  color: var(--paper) !important;
}

/* ---------- Om meg — strammere proporsjoner og roligere italic ---------- */
.profil-row__title {
  font-size: clamp(24px, 2.6vw, 34px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.018em !important;
  margin-bottom: 14px !important;
}
.profil-row__title em {
  color: var(--ink-soft) !important;
  font-size: 0.78em !important;
  font-weight: 400 !important;
}
.profil-row__sub {
  color: var(--grey) !important;
  letter-spacing: 0.16em !important;
  font-size: 11px !important;
  margin-top: 14px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--silver) !important;
}
.profil-row__body { margin-top: 28px !important; }
.chapter__caption {
  color: var(--grey) !important;
  letter-spacing: 0.18em !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  margin-bottom: 16px !important;
}
.combine-list { margin-bottom: 28px !important; }
.combine-list li {
  color: var(--ink-soft) !important;
  line-height: 1.55 !important;
}
.dual-statement {
  margin-top: 28px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--silver) !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
}
.dual-statement span:first-child { color: var(--ink) !important; }
.dual-statement em {
  color: var(--ink-soft) !important;
  font-style: italic !important;
  font-family: var(--f-sans) !important;
}

/* ---------- Hero-intro tekst ---------- */
.hero-intro__eyebrow { color: var(--grey) !important; letter-spacing: 0.22em; }
.hero-intro__body { color: var(--ink-soft) !important; }
.hero-intro__body em { color: var(--ink) !important; font-style: italic; }

/* ---------- Footer ---------- */
.footbar {
  background: transparent !important;
  border-top: 1px solid var(--silver) !important;
  color: var(--grey) !important;
  box-shadow: none !important;
}

/* ---------- Prosjekt-kort (project-tile) ---------- */
.project-tile {
  background: var(--surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--silver) !important;
  box-shadow: var(--shadow-1) !important;
  color: var(--ink) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
}
.project-tile.is-visible:hover {
  border-color: #1E3A2E !important;
  box-shadow:
    0 1px 2px rgba(31, 26, 20, 0.06),
    0 28px 60px -28px rgba(31, 26, 20, 0.18),
    0 0 0 1px #1E3A2E !important;
}
.project-tile__glow { display: none !important; }
.project-tile__visual {
  background: var(--paper-2) !important;
  border-bottom: 1px solid var(--silver) !important;
}
.project-tile__visual::before,
.project-tile__visual::after { display: none !important; }
.project-tile__num { color: var(--grey) !important; }
.project-tile__title { color: var(--ink) !important; }
.project-tile__title i { color: var(--grey) !important; }
.project-tile__desc { color: var(--ink-soft) !important; }
.project-tile__desc--accent {
  border-left-color: var(--ink) !important;
  color: var(--ink-soft) !important;
}
.project-tile__status { color: var(--ink-soft) !important; }
.project-tile__status--live .dot {
  background: var(--accent-ok) !important;
  box-shadow: none !important;
  animation: none !important;
}
.project-tile__status--soon .dot { background: #C4A85A !important; }
.project-tile__status--idea .dot { background: var(--silver-2) !important; }
.project-tile__year { color: var(--grey-soft) !important; }
.project-tile__story dt { color: var(--grey) !important; }
.project-tile__story dd { color: var(--ink-soft) !important; }
.project-tile__value span {
  background: transparent !important;
  border: 1px solid var(--silver) !important;
  color: var(--grey) !important;
}

/* ---------- Seksjoner og overskrifter ---------- */
.spa-section,
.projects-group,
.section-eyebrow,
.spa-section h1,
.spa-section h2,
.spa-section h3 { color: var(--ink); }
.spa-section h1, .spa-section h2 { color: var(--ink) !important; }
.spa-section h1 i, .spa-section h2 i { color: var(--grey) !important; }

/* ---------- Group nav (jobb / hverdag chips) ---------- */
.group-nav { background: transparent !important; }

/* ---------- Profile-card (om meg-kort) ---------- */
.profile-card--compact .profile-card__inner,
.profile-card.profile-card--quiet .profile-card__inner {
  background: var(--surface) !important;
  border: 1px solid var(--silver) !important;
  box-shadow: var(--shadow-2) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--ink) !important;
}
.profile-card--quiet .pc-avatar { border-color: var(--silver-2) !important; }
.pc-name { color: var(--ink) !important; }
.pc-name em { color: var(--ink) !important; }
.pc-role, .pc-tagline { color: var(--ink-soft) !important; }
.pc-id { border-bottom-color: var(--silver) !important; }
.pc-portrait-tag { color: var(--grey) !important; }
.profile-card__corner { display: none !important; }
.pc-frame { display: none !important; }

/* ---------- Hub / demo / utforsk / integration-kort ---------- */
.hub-card, .demo-card, .explore-card, .utforsk-card,
.integration-card {
  background: var(--surface) !important;
  border: 1px solid var(--silver) !important;
  box-shadow: var(--shadow-1) !important;
  color: var(--ink) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.integration-card:hover {
  border-color: var(--ink) !important;
  box-shadow: 0 18px 38px -22px rgba(31, 26, 20, 0.18) !important;
  transform: translateY(-3px) !important;
}
.integration-card__num { color: var(--grey) !important; }
.integration-card__title { color: var(--ink) !important; }
.integration-card__hint { color: var(--grey) !important; }
.integration-card__icon svg { stroke: var(--ink) !important; }

/* ---------- Diverse sci-fi rester ---------- */
*::before, *::after { text-shadow: none !important; }
.visitkort__card::before,
.visitkort__card::after,
.topbar::before,
.topbar::after,
.hero::before,
.hero::after { display: none !important; }

/* ---------- Typografi: sans-serif på paragraph-tekst ---------- */
/* Bodoni Moda beholdes kun på de store titlene/navnene.
   All løpende tekst og tagline-er går til IBM Plex Sans for lesbarhet. */
.about-ch__lead,
.about-ch__tagline,
.about-ch__accent,
.pc-tagline,
.pc-tagline em,
.pc-quote,
.pc-quote i,
.pc-expand-quote,
.intro-checklist__conclusion,
.dual-statement,
.dual-statement em,
.more-link__label {
  font-family: var(--f-sans) !important;
  font-style: normal !important;
}
.about-ch__lead em,
.about-ch__tagline em,
.profil-row__title em,
.pc-tagline em,
.dual-statement em,
.hero-intro__body em,
.visitkort__name em {
  font-style: italic !important;
}
.profil-row__title em { font-family: var(--f-sans) !important; }

/* Cyan/neon-stroke i SVG-er som er satt direkte */
[stroke="#06B6D4"], [stroke="rgba(6,182,212,0.18)"], [stroke="rgba(6, 182, 212, 0.18)"] {
  stroke: var(--silver-2) !important;
}
[fill="#06B6D4"] { fill: var(--accent) !important; }

/* Skip link */
.skip-link {
  background: var(--ink) !important;
  color: var(--paper) !important;
}

/* Scrollbar tones ned */
::-webkit-scrollbar-thumb { background: var(--silver-2) !important; box-shadow: none !important; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-soft) !important; box-shadow: none !important; }
::-webkit-scrollbar-track { background: var(--paper-2) !important; }
html { scrollbar-color: rgba(31, 26, 20, 0.22) #EDE7DA !important; }

/* Project-tile thumbnail (mørk SVG): tall + num skal være lyse */
.project-tile__num { color: rgba(255, 255, 255, 0.55) !important; }