/*
 * Stig Rock — Diamond Silver Theme (Test)
 * Cool silver palette drawn from stig_rock.png logo.
 */

/* ── SILVER TOKENS ────────────────────────────────────────── */
:root {
  --page-bg:       #45474C;
  --pt-bg:         #45474C;   /* cool light charcoal */
  --pt-bg2:        #3A3C41;   /* slightly deeper */
  --pt-text:       #E8E8EA;   /* cool near-white silver */
  --pt-muted:      rgba(232,232,234,0.58);
  --pt-faint:      rgba(232,232,234,0.32);
  --pt-border:     rgba(232,232,234,0.10);
  --pt-border-hi:  rgba(232,232,234,0.26);
  --pt-accent:     #BABCBE;   /* facet mid-silver */
  --pt-accent2:    #888A8C;   /* facet dark silver */
  --pt-shine:      rgba(255,255,255,0.04);
}

/* ── BASE ─────────────────────────────────────────────────── */
body  { background: var(--pt-bg); color: var(--pt-text); }
main  { background: var(--pt-bg); }

/* ── EYEBROW SHIMMER (dark on light) ────────────────────── */
.feature-eyebrow,
.hero-overlay__eyebrow,
.content-row__eyebrow,
.page-banner__eyebrow,
.process-vt__eyebrow,
.kunde-section__eyebrow,
.col-slider__eyebrow,
.stats-band__eyebrow,
.sys-intro__eyebrow,
.sys-trio__num,
.portrait-pillar__num,
.process-vt__num,
.col-slider__cap-num {
  background: linear-gradient(
    90deg,
    var(--pt-accent2) 0%,
    var(--pt-accent)  50%,
    var(--pt-accent2) 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: pt-shimmer 5s linear infinite;
}

/* ── hw-bold / hw-light ──────────────────────────────────── */
.hw-bold  { color: var(--pt-text) !important;   -webkit-text-fill-color: var(--pt-text) !important; }
.hw-light { color: var(--pt-accent) !important; -webkit-text-fill-color: var(--pt-accent) !important; }

/* ── HERO (keep dark video bg, lighten text overlay area) ── */
.hero-overlay__title  { color: #fff; }
.hero-overlay__sub    { color: rgba(255,255,255,0.82); }
.hero-overlay__text   { color: rgba(255,255,255,0.58); }

/* ── PAGE BANNER ─────────────────────────────────────────── */
.page-banner__title    { color: #fff; }
.page-banner__subtitle { color: rgba(255,255,255,0.78); }

/* ── BUTTONS ─────────────────────────────────────────────── */
.cta-btn--primary {
  background: linear-gradient(135deg, rgba(208,210,212,0.30) 0%, rgba(154,156,158,0.30) 100%);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(208,210,212,0.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    0 8px 30px rgba(0,0,0,0.28);
}
.cta-btn--primary:hover {
  background: linear-gradient(135deg, rgba(208,210,212,0.46) 0%, rgba(154,156,158,0.46) 100%);
}

.cta-btn--ghost {
  border-color: var(--pt-border-hi);
  color: var(--pt-text);
  background: rgba(255,255,255,0.05);
}
.cta-btn--ghost:hover {
  background: rgba(28,26,23,0.06);
  border-color: var(--pt-text);
}

/* ── HEADER & MENU — unchanged (dark stays dark) ─────────── */

/* ── TRUST BAR ───────────────────────────────────────────── */
.trust-bar             { background: rgba(28,26,23,0.82); }

/* ── FEATURE SECTIONS (scrims adapted) ──────────────────── */
.feature-scrim {
  background: linear-gradient(to right,
    rgba(28,24,20,0.88) 0%,
    rgba(28,24,20,0.52) 55%,
    transparent 100%
  );
}
.feature-scrim--right {
  background: linear-gradient(to left,
    rgba(28,24,20,0.88) 0%,
    rgba(28,24,20,0.52) 55%,
    transparent 100%
  );
}

/* ── CONTENT ROWS ────────────────────────────────────────── */
.content-row {
  background: var(--pt-bg);
  border-top-color: var(--pt-border);
}
.content-row + .content-row { border-top-color: var(--pt-border); }
.content-row__title  { color: var(--pt-text); }
.content-row__text-col p { color: var(--pt-muted); }

/* alternate rows slightly darker for rhythm */
.content-row:nth-child(even) { background: var(--pt-bg2); }

/* ── PROCESS VT ──────────────────────────────────────────── */
.process-vt__header  { border-bottom-color: var(--pt-border); }
.process-vt__title   { color: #fff; }   /* video bg section stays dark */
.process-vt__item    { border-bottom-color: rgba(255,255,255,0.10); }
.process-vt__step-title { color: #fff; -webkit-text-fill-color: #fff; }
.process-vt__text    { color: rgba(255,255,255,0.62); }

/* ── KUNDE SECTION ───────────────────────────────────────── */
.kunde-section       { background: var(--pt-bg2); border-color: var(--pt-border); }
.kunde-section__rule { background: var(--pt-border-hi); }
.kunde-section__lead { color: var(--pt-text); }
.kunde-section__body { color: var(--pt-muted); }
.kunde-section__tags li {
  border-color: var(--pt-border-hi);
  color: var(--pt-accent);
}

/* ── STATS BAND (video bg, stays dark) ──────────────────── */
.stats-band__value { color: #fff; -webkit-text-fill-color: #fff; }
.stats-band__label { color: rgba(255,255,255,0.62); }
.stats-band__rule  { background: rgba(255,255,255,0.28); }

/* ── COLLECTION SLIDER (video bg, stays dark) ────────────── */
.col-slider__title--bold  { color: #fff; -webkit-text-fill-color: #fff; }
.col-slider__title--light { color: rgba(255,255,255,0.78); -webkit-text-fill-color: rgba(255,255,255,0.78); }
.col-slider__lead, .col-slider__body { color: rgba(255,255,255,0.65); }
.col-slider__arrow {
  border-color: rgba(255,255,255,0.35);
  color: #fff;
}
.col-slider__dot       { border-color: rgba(255,255,255,0.35); }
.col-slider__dot.is-active { background: #fff; border-color: #fff; }
.col-slider__cap-title { color: #fff; -webkit-text-fill-color: #fff; }
.col-slider__cap-text  { color: rgba(255,255,255,0.62); }

/* ── PORTRAIT PILLARS ────────────────────────────────────── */
.portrait-pillar__title { color: #fff; -webkit-text-fill-color: #fff; }
.portrait-pillar__text  { color: rgba(255,255,255,0.72); }

/* ── SYS CARDS ───────────────────────────────────────────── */
.sys-card__title { color: #fff; -webkit-text-fill-color: #fff; }
.sys-card__text  { color: rgba(255,255,255,0.62); }

/* ── SYS-TRIO ────────────────────────────────────────────── */
.sys-trio__label { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.sys-trio__text  { color: var(--pt-muted); }
.sys-trio__img   { filter: brightness(0.88) saturate(0.9); }

/* ── VISION QUOTE ────────────────────────────────────────── */
.sys-vision-quote   {
  border-left-color: var(--pt-border-hi);
  background: rgba(255,255,255,0.04);
}
.sys-vision-quote p { color: var(--pt-muted); }

/* ── STEP TRACK ──────────────────────────────────────────── */
.step-track::before    { background: var(--pt-border-hi); }
.step-track__num       { color: var(--pt-accent); border-color: var(--pt-border-hi); background: var(--pt-bg); }
.step-track__title     { color: var(--pt-text); }
.step-track__text      { color: var(--pt-muted); }

/* ── EDITORIAL CALLOUT (keeps bg image, lighten overlay) ── */
.editorial-callout__title  { color: #fff; }
.editorial-callout__text   { color: rgba(255,255,255,0.75); }

/* ── VALUE STRIPES ───────────────────────────────────────── */
.value-stripe            { border-top-color: var(--pt-border); }
.value-stripe:hover      { background: rgba(255,255,255,0.04); }
.value-stripe__num       { color: var(--pt-faint); -webkit-text-fill-color: var(--pt-faint); }
.value-stripe__title     { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.value-stripe__text      { color: var(--pt-muted); }

/* ── SECURITY TRIO ───────────────────────────────────────── */
.security-trio__col   { border-top-color: var(--pt-border-hi); }
.security-trio__num   { color: rgba(28,26,23,0.12); }
.security-trio__label { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.security-trio__text  { color: var(--pt-muted); }

/* ── TRUST TRIO ──────────────────────────────────────────── */
.trust-trio__item      { border-color: var(--pt-border); background: var(--pt-bg2); }
.trust-trio__eyebrow   { color: var(--pt-faint); }
.trust-trio__title     { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.trust-trio__back-title { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.trust-trio__text      { color: var(--pt-muted); }

/* ── LOCATION SECTIONS ───────────────────────────────────── */
.location-section__title   { color: #fff; -webkit-text-fill-color: #fff; }
.location-section__text    { color: rgba(255,255,255,0.75); }
.location-section__eyebrow { color: rgba(255,255,255,0.55); -webkit-text-fill-color: rgba(255,255,255,0.55); }

/* ── PRINCIPLES ──────────────────────────────────────────── */
.principles           { border-top-color: var(--pt-border); }
.principle            { border-bottom-color: var(--pt-border); }
.principle:nth-child(odd) { border-right-color: var(--pt-border); }
.principle:hover      { background: rgba(255,255,255,0.03); }
.principle__title     { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.principle__title::before { color: var(--pt-faint); }
.principle:hover .principle__title::before { color: var(--pt-accent); -webkit-text-fill-color: var(--pt-accent); }
.principle__text      { color: var(--pt-muted); }

/* ── FAQ ─────────────────────────────────────────────────── */
.faq-item      { border-bottom-color: var(--pt-border); }
.faq-question  { color: var(--pt-text); }
.faq-answer    { color: var(--pt-muted); }
.faq-icon      { color: var(--pt-accent); }
.faq-section   { background: var(--pt-bg2); }

/* ── CTA BAND ────────────────────────────────────────────── */
.cta-band__title { color: #fff; }
.cta-band__text  { color: rgba(255,255,255,0.72); }
.cta-band__scrim {
  background: linear-gradient(180deg,
    rgba(20,18,15,0.72) 0%,
    rgba(20,18,15,0.32) 40%,
    rgba(20,18,15,0.62) 100%
  );
}

/* ── EVENTS PREVIEW ──────────────────────────────────────── */
.diamond-events__eyebrow    { color: var(--pt-accent); -webkit-text-fill-color: var(--pt-accent); }
.diamond-events__title      { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.diamond-events__card-title { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.diamond-events__card-date  { color: var(--pt-muted); }
.diamond-events__card-sub   { color: var(--pt-faint); }
.diamond-events__card       { border-color: var(--pt-border); background: var(--pt-bg2); }
.stig-rock-events__eyebrow    { color: var(--pt-accent); -webkit-text-fill-color: var(--pt-accent); }
.stig-rock-events__title      { color: var(--pt-text); -webkit-text-fill-color: var(--pt-text); }
.stig-rock-events__card       { border-color: var(--pt-border); background: var(--pt-bg2); }

/* ── CONTACT FORM ────────────────────────────────────────── */
.contact-form__input {
  border-color: var(--pt-border-hi);
  color: var(--pt-text);
  background: rgba(255,255,255,0.05);
}
.contact-form__input:focus { border-color: var(--pt-accent); }
.contact-form__label   { color: var(--pt-muted); }
.contact-form__submit  { background: linear-gradient(135deg, #D0D2D4 0%, #9A9C9E 100%); color: #1A1B1D; border: none; }
.contact-form__submit:hover { background: linear-gradient(135deg, #E0E2E4 0%, #AAACAE 100%); }
.contact-form__disclaimer { color: var(--pt-faint); }
.contact-form__disclaimer a { color: var(--pt-accent); }

/* ── FOOTER ──────────────────────────────────────────────── */
.site-footer       { background: #37383C; border-top-color: var(--pt-border); }
.site-footer__copy { color: var(--pt-faint); }
.site-footer__link { color: var(--pt-faint); }
.site-footer__link:hover { color: var(--pt-accent); }

/* ── CONTENT TONE (sub-page sections) ───────────────────── */
:root {
  --content-tone-top: var(--pt-bg);
  --content-tone-bottom: var(--pt-bg2);
}
.content-row.content-row--tone {
  background: linear-gradient(180deg, var(--pt-bg) 0%, var(--pt-bg2) 100%);
}

/* ── ÜBER UNS PAGE ───────────────────────────────────────── */
.ueber-uns-page {
  background: var(--pt-bg);
}
.ueber-uns-page .article,
.ueber-uns-page .content-row,
.ueber-uns-page .content-row.content-row--tone,
.ueber-uns-page .content-row:nth-child(even) {
  background: transparent;
}
.intro-points {
  border-top-color: var(--pt-border-hi);
  border-bottom-color: var(--pt-border-hi);
}
.intro-points__item + .intro-points__item {
  border-left-color: var(--pt-border);
}
.intro-points__num {
  color: var(--pt-faint);
}
.intro-points__label {
  color: var(--pt-text);
}
@media (max-width: 880px) {
  .intro-points__item + .intro-points__item {
    border-top-color: var(--pt-border);
  }
  .intro-points__item:last-child {
    border-bottom-color: var(--pt-border-hi);
  }
}
.values-mosaic__tile {
  background: rgba(255, 255, 255, 0.05);
}
.values-mosaic__tile:hover {
  background: rgba(255, 255, 255, 0.09);
}
.values-mosaic__tile::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.06));
}
.values-mosaic__num,
.values-mosaic__tile--hero .values-mosaic__num {
  color: rgba(0, 0, 0, 0.12);
}
.values-mosaic__tile:hover .values-mosaic__num {
  color: rgba(0, 0, 0, 0.22);
}
.values-mosaic__title {
  color: var(--pt-text);
}
.values-mosaic__text {
  color: var(--pt-muted);
}
.content-row--values-showcase.content-row--bg .content-row__text-col p,
.content-row--global.content-row--bg .content-row__text-col p,
.content-row--intro.content-row--bg .content-row__text-col p {
  color: var(--pt-muted);
}
.content-row__points--inline li {
  border-color: var(--pt-border-hi);
  color: var(--pt-accent);
}
.global-leaders__region {
  color: var(--pt-text);
}
.global-leaders__label {
  color: var(--pt-muted);
}

/* ── ARTICLE ─────────────────────────────────────────────── */
.article__lead p       { color: var(--pt-muted); }
.article__body h2      { color: var(--pt-text); }
.article__body p       { color: var(--pt-muted); }
.article__breadcrumb a { color: var(--pt-faint); }
.article__breadcrumb-current { color: var(--pt-muted); }
.article__body        { background: var(--pt-bg); }

/* ── TOP FADE — keep dark to match navbar ────────────────── */

/* ── PAGE TRANSITION ─────────────────────────────────────── */
.page-transition { background: var(--pt-bg); }