/*
Theme Name:        VVDM
Theme URI:         https://vvdm.de
Author:            Niclas Mohr / Drive for You
*/

/* =============================================================
   VVDM — Theme-Skeleton style.css
   ============================================================= */

:root {
  /* ============================================================
     FARBEN
     ============================================================ */

  /* --- NAVY-Familie (V und D im Logo) --- */
  --vvdm-navy:        #102040;   /* Logo-Navy — Primärfarbe */
  --vvdm-navy-deep:   #0A1628;   /* Tiefer Navy — Header, Footer, Hero-Hintergrund */
  --vvdm-navy-soft:   #203050;   /* Aufgehellter Navy — Hover, Karten */

  /* --- ORANGE-Familie (Mitte und M im Logo) --- */
  --vvdm-orange:      #E07010;   /* Logo-Orange — Primär-Akzent, Buttons */
  --vvdm-orange-warm: #E08020;   /* Wärmer für Highlights */
  --vvdm-orange-dark: #C04020;   /* Tieferer Orange-Ton (Schatten im Logo) */

  /* --- SILBER-Familie (Chrom-Highlights im Logo) --- */
  --vvdm-silver:      #C0C0C0;   /* Mittleres Silber */
  --vvdm-silver-light:#E0E0E0;   /* Helles Silber — fast Weiß */
  --vvdm-silver-dark: #909090;   /* Dunkles Silber */

  /* --- Funktionale Farben --- */
  --vvdm-white:       #ffffff;
  --vvdm-light:       #F4F6F8;   /* Hintergrund Sektionen */
  --vvdm-text:        #1a2030;   /* Haupttext (sehr dunkles Navy statt reinem Schwarz) */
  --vvdm-text-muted:  #6b7785;
  --vvdm-border:      #e3e7ec;

  /* ============================================================
     TYPOGRAFIE
     ============================================================ */
  --vvdm-font-body:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --vvdm-font-display:    'Oswald', 'Inter', sans-serif;
  --vvdm-font-motorsport: 'Rajdhani', 'Inter', sans-serif; /* nur Motorsport-Pod im Header */

  /* ============================================================
     LAYOUT
     ============================================================ */
  --vvdm-container:   1200px;
  --vvdm-radius:      6px;
  --vvdm-shadow:      0 2px 8px rgba(16, 32, 64, 0.08);
  --vvdm-shadow-strong: 0 8px 32px rgba(16, 32, 64, 0.18);

  --vvdm-transition: 0.25s ease;
}

/* =============================================================
   Minimaler Reset + Grundtypografie
   ============================================================= */

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--vvdm-font-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--vvdm-text);
  background: var(--vvdm-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: var(--vvdm-orange); text-decoration: none; transition: color var(--vvdm-transition); }
a:hover { color: var(--vvdm-orange-dark); }

img { max-width: 100%; height: auto; display: block; }

/* WordPress-Standardklassen */
.alignleft  { float: left;  margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px; height: 1px; overflow: hidden;
}