/* NORWEGEN SOMMER 2026 — PRO-ORT FARBSYSTEM
   Elite Fieldbook Edition: Helligkeit, Rauheit, Intelligenz

   GLOBALE BASIS (übergreifend, unveränderlich)
   =============================================
*/

:root {
  /* Papier-Schichten: Hell, Neutral, Grund */
  --paper: #f6f1e7;           /* Kreideweiß — Basis */
  --paper-warm: #f0e7d8;      /* warm für südliche Orte */
  --paper-cold: #eef1ef;      /* kalt für arktische Orte */
  --chalk-white: #fbf7ee;     /* reines Weiß, sparsam */
  --wood-white: #f4f0e7;      /* Stavanger: Holzweiß */

  /* Grau-Spektrum: Nebel → Stein → Kohle */
  --fog-grey: #c7c4ba;        /* leicht, Nebel */
  --mist-grey: #d4d0c5;       /* Molde: weicher Schleier */
  --water-grey: #a8a39a;      /* Tromsø: Hafengrau */
  --scree-grey: #7a7268;      /* Longyearbyen: Schottergrau */
  --wet-stone: #5f6464;       /* Fels, hart */
  --coal-black: #1e2324;      /* tiefste Dunkelheit */

  /* Wasser-Farbton: Fjord → Gletscher → Meer */
  --north-sea-blue: #244f5f;  /* tiefes Nordmeer */
  --fjord-blue: #3f6f7d;      /* klassisch, mittel */
  --steel-water: #547a84;     /* Tromsø: Hafenwasser */
  --glacier-water: #8fb8bd;   /* pale blau-grün */
  --glacier-tip: #c6dde2;     /* Gletscherspitze: nur für Olden/Longyearbyen */

  /* Grün-Spektrum: Moos → Fjord → Tundra */
  --moss-dark: #3a4a3f;       /* moorig, dunkel */
  --moss: #516548;            /* classic Moos */
  --fjord-green: #5f7d61;     /* Olden/Loen: dominant */
  --tundra-green: #6d8470;    /* arktisch, warm */

  /* Ockerfarbton: Tundra → Stein → Rust */
  --tundra-ochre: #b08a57;    /* trockene Tundra, warm */
  --earth-ochre: #9d7d4a;     /* rustikaler Boden */
  --rust-red: #9b4d35;        /* Dachrot, Zeichen */
  --rust: #b65b3d;            /* warmer, präsenter */
  --rust-soft: rgba(182, 91, 61, 0.12);

  /* Messing & Edel: Akzente */
  --muted-brass: #b49a63;     /* gedämpfter Messing */
  --brass: #9f7b38;           /* wärmer, präsent */

  /* Tinte & Licht */
  --ink: #181814;             /* Schwarztinte */
  --ink-soft: rgba(24, 24, 20, 0.92);
  --ink-faint: rgba(24, 24, 20, 0.82);
  --late-summer-light: #f3d7a1; /* spätes Licht: sehr sparsam */

  /* Strukturen */
  --line: rgba(24, 24, 20, 0.11);
  --line-strong: rgba(24, 24, 20, 0.2);
  --seam: rgba(182, 91, 61, 0.24);
  --grain: rgba(20, 20, 18, 0.022);
}

/* PRO-ORT FARBPALETTEN
   ======================
   Jeder Ort überschreibt gezielt
*/

/* MOLDE — Weich, hell, Kalibrierung */
.place--molde {
  --bg-base: #f8f4ed;           /* wärmer als Standard */
  --accent-primary: #3f6f7d;    /* Fjordblau, mittel */
  --accent-secondary: #b08a57;  /* Ocker: Rosengärten-Nostalgie */
  --accent-tertiary: #9b4d35;   /* Rust: Spielerisch klein */
  --text-emphasis: #244f5f;     /* Nord-Tiefblau */
  --accent-readable: #2e5663;   /* Fjordblau abgedunkelt für Kleintext ≥ 4.5:1 */
}

/* TROMSØ — Urban-arktisch, Brücke, Stadt */
.place--tromso {
  --bg-base: #f4f1eb;           /* noch hell, aber etwas grauer */
  --accent-primary: #547a84;    /* Stahl-Hafengrau-Blau */
  --accent-secondary: #244f5f;  /* Nordmeer-Tiefe */
  --accent-tertiary: #8fb8bd;   /* Gletscher-Wasser sehr sparsam */
  --text-emphasis: #3a3a37;     /* graphit, nicht schwarz */
  --accent-readable: #3d5f6a;   /* Stahl abgedunkelt für Kleintext ≥ 4.5:1 */
}

/* LONGYEARBYEN / SVALBARD — Karg, trocken, sachlich */
.place--longyearbyen,
.place--longyearbyen-svalbard {
  --bg-base: #f2f0eb;           /* kalt-weiß, fast papiern */
  --accent-primary: #7a7268;    /* Schottergrau dominant */
  --accent-secondary: #1e2324;  /* Kohleschwarz */
  --accent-tertiary: #9b4d35;  /* Rust-Rot: Zeichen, Sicherheit */
  --text-emphasis: #5f6464;     /* nasser Stein */
  --accent-readable: #57504a;   /* Schotter abgedunkelt für Kleintext ≥ 4.5:1 */
}

/* HONNINGSVÅG / NORDKAP — Windig, rau, horizontal */
.place--honningsvag,
.place--honningsvag-nordkap,
.place--nordkap {
  --bg-base: #f5f3ef;           /* neutral hell */
  --accent-primary: #5f6464;    /* Windgrau, nasser Stein */
  --accent-secondary: #244f5f;  /* Nordmeer-Dunkelblau */
  --accent-tertiary: #9b4d35;   /* Rot als Globus/Marker */
  --text-emphasis: #3a3a37;     /* graphit */
  --accent-readable: #454a4a;   /* Stein abgedunkelt für Kleintext ≥ 4.5:1 */
}

/* OLDEN / LOEN — Grün, vertikal, Widerstand */
.place--olden {
  --bg-base: #f6f4ed;           /* warm, einladend */
  --accent-primary: #5f7d61;    /* Fjordgrün dominant */
  --accent-secondary: #244f5f;  /* Wasserblau */
  --accent-tertiary: #547a84;   /* Stahl: Loen Via Ferrata */
  --text-emphasis: #3a4a3f;     /* Moos-dunkel */
  --accent-readable: #3e5740;   /* Moos abgedunkelt für Kleintext ≥ 4.5:1 */
}

/* STAVANGER — Menschlich, südlich, Holz */
.place--stavanger {
  --bg-base: #f9f6f0;           /* wärmster aller Orte */
  --accent-primary: #9b4d35;    /* Rust-Rot: Häuser, Hafen */
  --accent-secondary: #b49a63;  /* Messing: Erdöl-Reichtum */
  --accent-tertiary: #3f6f7d;   /* Fjordblau sparsam */
  --text-emphasis: #5f5a50;     /* weiches Dunkelbraun */
  --accent-readable: #7a3d2a;   /* Rust abgedunkelt für Kleintext ≥ 4.5:1 */
}

/* ENTFERNUNG: --ice
   Diese Farbe war eine Eismeer-Reminiszenz.
   Im August-Fokus nicht sinnvoll.
   Wenn Gletscher nötig: --glacier-water verwenden (8fb8bd)
*/

/* ═════════════════════════════════════════════════════════
   ANWENDUNG: ORT-SPEZIFISCHE FARBAKTIVIERUNG
   ═════════════════════════════════════════════════════════ */

.place-page {
  background: var(--bg-base);
}

/* Hero: Akzentfarbe als visuelle Anchor */
.place-page .hero-copy .kicker,
.place-page .hero-copy h1 {
  color: var(--text-emphasis);
}

.place-page .hero-copy .button--primary {
  background: var(--accent-primary);
  border-color: var(--accent-primary);
  color: white;
}

.place-page .hero-copy .button--primary:hover {
  background: var(--accent-secondary);
  border-color: var(--accent-secondary);
}

/* Scrapbook-Strip: Akzentfarbe für Captions */
.place-page .scrapbook-strip__card figcaption {
  border-top-color: var(--accent-primary);
  color: var(--text-emphasis);
}

/* Insight Ribbon: Akzente */
.place-page .insight-ribbon__kicker {
  color: var(--accent-primary);
}

/* Evidence Strip: Akzent auf Labels */
.place-page .evidence-strip__label {
  color: var(--accent-primary);
  font-weight: 700;
}

.place-page .evidence-strip__item {
  border-left-color: var(--accent-secondary);
}

/* Reality Cut: Myth/Edge Boxes */
.place-page .reality-cut__card--myth,
.place-page .reality-cut__card--edge {
  color: var(--text-emphasis, var(--ink));
}

.place-page .reality-cut__card--myth p,
.place-page .reality-cut__card--edge p {
  color: var(--ink-soft);
}

.place-page .reality-cut__card--myth {
  background: color-mix(in srgb, var(--accent-secondary) 3%, white);
  border-color: var(--accent-secondary);
}

.place-page .reality-cut__card--myth h3 {
  color: var(--accent-secondary);
}

.place-page .reality-cut__card--edge {
  background: color-mix(in srgb, var(--accent-primary) 3%, white);
  border-color: var(--accent-primary);
}

.place-page .reality-cut__card--edge h3 {
  color: var(--accent-primary);
}

/* Links in Place Pages */
.place-page a {
  color: var(--accent-primary);
}

.place-page a:hover {
  color: var(--accent-secondary);
}

/* Section Dark (Quellenbox) — auf Place-Pages hell invertiert */
.place-page .section--dark {
  background: color-mix(in srgb, var(--text-emphasis) 4%, white);
  color: var(--ink);
  border-top-color: var(--accent-primary);
}

.place-page .section--dark h2,
.place-page .section--dark .kicker {
  color: var(--text-emphasis);
}

.place-page .section--dark p,
.place-page .section--dark a {
  color: var(--ink-soft);
}

.place-page .section--dark .source-card h3 {
  color: var(--text-emphasis);
}

.place-page .source-card {
  border-left-color: var(--accent-primary);
}

.place-page .section--dark .source-card {
  background: linear-gradient(180deg, rgba(249, 246, 239, 0.98), rgba(241, 236, 228, 0.98));
}

.place-page .section--dark .source-card dt {
  color: var(--accent-primary);
}

.place-page .section--dark .source-card dd {
  color: var(--ink-soft);
}

/* Side Rail Elements */
.place-page .decision {
  border-left: 3px solid var(--accent-primary);
}

.place-page .decision h3 {
  color: var(--text-emphasis);
}

.place-page .weather-logic {
  background: color-mix(in srgb, var(--accent-secondary) 6%, white);
  border-top-color: var(--accent-primary);
}

/* Footer */
.place-page .site-footer {
  border-top-color: var(--accent-primary);
}

/* Markers & Tags */
.place-page .marker {
  background: color-mix(in srgb, var(--accent-primary) 10%, white);
  color: var(--accent-primary);
  border-color: var(--accent-secondary);
}

/* FAQ Details */
.place-page .faq details[open] > summary {
  color: var(--accent-primary);
}

/* Place Navigation */
.place-page .place-nav__link {
  border-top-color: var(--accent-primary);
}

.place-page .place-nav__link:hover {
  color: var(--accent-primary);
}

/* ═══════════════════════════════════════
   MOBILE ACCENT CONTRAST FOR PLACE PAGES
   Small editorial labels use --accent-primary
   which can fall below WCAG 4.5:1. On mobile,
   switch to --accent-readable (darker variant).
   ═══════════════════════════════════════ */

@media (max-width: 920px) {
  .place-page .hero-copy .kicker {
    color: var(--accent-readable, var(--text-emphasis));
  }

  .place-page .evidence-strip__label,
  .place-page .insight-ribbon__kicker,
  .place-page .source-slip__kicker,
  .place-page .photo-truth__kicker,
  .place-page .family-realism__kicker,
  .place-page .weather-script__kicker,
  .place-page .second-door-index__kicker {
    color: var(--accent-readable, var(--text-emphasis));
  }

  .place-page .scrapbook-strip__card figcaption {
    color: var(--accent-readable, var(--text-emphasis));
  }

  .place-page .marker {
    color: var(--accent-readable, var(--text-emphasis));
  }

  .place-page a {
    color: var(--accent-readable, var(--accent-primary));
  }
}