/* SADDLE ATLAS, Design-Tokens und Kadence-Basis (Ella, 03.10.2026)
   Laden: im Child-Theme oder Customizer "Zusätzliches CSS" (oder als Datei einbinden). Schriften liegen selbst gehostet unter fonts/ (DSGVO, kein Google-Fonts-Aufruf).
   Pfad der Schriften anpassen: --sa-font-path. Regel: Gold nur als Punkt, Umriss und Aktiv-Zustand der Marke, nie als Fließtextfarbe auf Hell. */

@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/barlow-condensed-800.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/barlow-condensed-900.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:400 600;font-display:swap;src:url('fonts/fraunces-italic.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/dm-sans.woff2') format('woff2')}

:root{
  /* Nachtfarben (Bühne) */
  --sa-night:#0f141a;      /* Seitenhintergrund */
  --sa-night-2:#141b22;    /* Header, Footer, Karten-Grund */
  --sa-land:#1c232b;       /* Flächen, Länder */
  --sa-line:#3a4654;       /* Linien, Ränder */
  --sa-mute:#8b94a0;       /* Hinweise (4,9 zu 1 auf Nacht) */
  --sa-fog:#e9e6df;        /* Text auf Nacht, Flächen "Nebel" */
  --sa-fog-2:#cfcac0;      /* Zweittext auf Nacht */
  /* Gold (Marke) */
  --sa-gold:#c9a063;       /* Punkt, Umriss, Aktiv auf Nacht, Links auf Nacht (7,9 zu 1) */
  --sa-gold-ink:#8a5f1f;   /* Gold für Links und Akzente auf Hell (5,6 zu 1 auf Papier) */
  /* Papier (Rechtstexte, helle Flächen) */
  --sa-paper:#f6f3ec;
  --sa-ink:#141a20;        /* Text auf Papier (15 zu 1) */
  --sa-ink-2:#4a525c;      /* Zweittext auf Papier (7,3 zu 1) */
  --sa-paper-line:#ddd6c8;
  /* Erlebnisfarben (Streifen, Punkt, Chip, nie als Texthintergrund) */
  --sa-sun:#e9c46a;        /* Sun & Saddle */
  --sa-hoof:#c8693f;       /* Hoof & Horizon */
  --sa-mountain:#5f86a6;   /* Mane & Mountain */
  --sa-fjord:#3fa7a0;      /* Fjord & Flow */
  --sa-taste:#a63a50;      /* Trot & Taste */
  --sa-castle:#8c8577;     /* Castle & Canter */
  /* Schriften */
  --sa-disp:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --sa-serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sa-body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* Maße */
  --sa-wrap:1320px; --sa-gut:clamp(18px,3vw,48px); --sa-radius:12px; --sa-radius-lg:16px;
  --sa-s:12px; --sa-m:24px; --sa-l:clamp(36px,5vw,72px);

  /* Kadence-Palette auf Nachtbühne gemappt (Kadence liest diese Variablen) */
  --global-palette1:var(--sa-gold);     /* Akzent */
  --global-palette2:var(--sa-gold-ink); /* Akzent dunkel */
  --global-palette3:var(--sa-fog);      /* Überschriften auf Nacht */
  --global-palette4:var(--sa-fog-2);    /* Fließtext auf Nacht */
  --global-palette5:var(--sa-mute);
  --global-palette6:var(--sa-line);
  --global-palette7:var(--sa-land);
  --global-palette8:var(--sa-night-2);
  --global-palette9:var(--sa-night);
  --global-body-font-family:var(--sa-body);
  --global-heading-font-family:var(--sa-disp);
}

/* Basis */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--sa-night)}
body{background:var(--sa-night);color:var(--sa-fog-2);font:400 17px/1.6 var(--sa-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--sa-disp);font-weight:800;text-transform:uppercase;letter-spacing:.01em;color:var(--sa-fog);line-height:.95;margin:0 0 .5em}
h1{font-size:clamp(40px,6vw,84px)}h2{font-size:clamp(30px,3.6vw,52px)}h3{font-size:clamp(22px,2vw,30px);line-height:1}
.sa-serif,.sa-claim{font-family:var(--sa-serif);font-style:italic;font-weight:500}
a{color:var(--sa-gold);text-underline-offset:3px}
a:hover,a:focus-visible{color:var(--sa-fog)}
:focus-visible{outline:2px solid var(--sa-gold);outline-offset:3px}
::selection{background:var(--sa-gold);color:var(--sa-night)}
img{max-width:100%;height:auto}

/* Buttons (Kadence und Blöcke) */
.button,.wp-block-button__link,button.kb-button,.sa-btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid var(--sa-fog);background:var(--sa-fog);color:var(--sa-night);font:700 15px/1 var(--sa-body);text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.button:hover,.wp-block-button__link:hover,.sa-btn:hover{background:var(--sa-gold);border-color:var(--sa-gold);color:var(--sa-night)}
.sa-btn.ghost,.is-style-outline .wp-block-button__link{background:transparent;color:var(--sa-fog);border-color:var(--sa-line)}
.sa-btn.ghost:hover,.is-style-outline .wp-block-button__link:hover{border-color:var(--sa-gold);color:var(--sa-gold);background:transparent}

/* Header und Footer (Kadence) */
.site-header,#masthead,.site-header-wrap{background:var(--sa-night-2);border-bottom:1px solid var(--sa-line)}
.site-header a,.header-navigation a{color:var(--sa-fog-2);font:700 13px/1 var(--sa-disp);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.site-header a:hover,.header-navigation .current-menu-item>a{color:var(--sa-gold)}
.site-branding img{max-height:34px;width:auto}
.site-footer,#colophon,.site-footer-wrap{background:var(--sa-night-2);color:var(--sa-fog-2);border-top:1px solid var(--sa-line)}

/* Hinweise: Offenlegungszeile (Anzeige, Affiliate) */
.sa-disclosure{font-size:13.5px;line-height:1.5;color:var(--sa-fog-2);border:1px solid var(--sa-line);border-left:3px solid var(--sa-gold);border-radius:8px;padding:10px 14px;background:var(--sa-night-2);margin:0 0 var(--sa-m)}
.sa-disclosure b{color:var(--sa-fog);font:800 12px/1 var(--sa-disp);letter-spacing:.14em;text-transform:uppercase;margin-right:8px}

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}