/*
Theme Name: Timo Petersen
Theme URI: https://timopetersen.de
Author: Timo Petersen
Author URI: https://timopetersen.de
Description: Lightweight portfolio theme (Cases CPT) generated from Figma design handoff.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: timo-petersen
Tags: portfolio, responsive, minimal
*/

/* ═══════════════════════════════════════
   DESIGN TOKENS
═══════════════════════════════════════ */
:root {
  --ink:   #1a0a0e;
  --paper: #f2ede4;
  --cream: #e8e1d5;
  --burg:  #6b1a2a;
  --mid:   rgba(26,10,14,.45);
  --rule:  rgba(26,10,14,.1);
  --serif: 'Epicene Display','Cormorant Garamond',Georgia,serif;
  --mono:  'DM Mono','Courier New',monospace;
}

/* ═══════════════════════════════════════
   RESET / BASE
═══════════════════════════════════════ */
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
html, body { overflow-x: hidden; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--mono);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}

/* KEIN globales height:auto auf img/video –
   Templates die object-fit:cover nutzen brauchen height:100% */
img, svg { max-width: 100%; display: block; }
video { display: block; }

button, input, textarea, select { font: inherit; }

a { color: inherit; text-decoration: none; }

:focus-visible {
  outline: 2px solid var(--burg);
  outline-offset: 3px;
  border-radius: 2px;
}

/* ═══════════════════════════════════════
   WORDPRESS OVERRIDES
   Nur das Nötigste – keine aggressiven Resets
   die Template-Styles überschreiben könnten.
═══════════════════════════════════════ */

/* Block-Quote Reset – WP setzt sonst border-left */
.wp-block-quote { margin: 0; padding: 0; border: none; }

/* Screen reader utility */
.screen-reader-text {
  clip: rect(1px,1px,1px,1px);
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  clip: auto !important;
  background: var(--paper);
  border-radius: 3px;
  color: var(--ink);
  display: block;
  font-size: 14px;
  height: auto;
  left: 5px; top: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  z-index: 100000;
}

.skip-link { display: none; }