/*
Theme Name:   Interior Castle
Theme URI:    https://interiorcastle.app
Description:  Child theme pro Hello Elementor. Nese fonty a drobné doladění;
              barvy, typografickou škálu a layout řídí Elementor Kit.
Author:       Matyáš Hájek — wwworks
Author URI:   https://matyas-hajek.cz
Template:     hello-elementor
Version:      0.1.0
License:      GNU General Public License v2 or later
Text Domain:  interiorcastle
*/


/* --------------------------------------------------------------------------
   Písma. Novela Poster a Urban Grotesk jsou komerční fonty ze Suitcase Type
   Foundry — stejné soubory jako na matyas-hajek.cz. font-display: swap, aby
   text byl čitelný hned a nečekal na stažení.
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Novela Poster';
  src: url('assets/fonts/novela-poster.woff2') format('woff2'),
       url('assets/fonts/novela-poster.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Novela Poster';
  src: url('assets/fonts/novela-poster-italic.woff2') format('woff2'),
       url('assets/fonts/novela-poster-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Urban Grotesk';
  src: url('assets/fonts/urban-grotesk-400.woff2') format('woff2'),
       url('assets/fonts/urban-grotesk-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urban Grotesk';
  src: url('assets/fonts/urban-grotesk-400-italic.woff2') format('woff2'),
       url('assets/fonts/urban-grotesk-400-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Urban Grotesk';
  src: url('assets/fonts/urban-grotesk-500.woff2') format('woff2'),
       url('assets/fonts/urban-grotesk-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urban Grotesk';
  src: url('assets/fonts/urban-grotesk-700.woff2') format('woff2'),
       url('assets/fonts/urban-grotesk-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Urban Grotesk';
  src: url('assets/fonts/urban-grotesk-700-italic.woff2') format('woff2'),
       url('assets/fonts/urban-grotesk-700-italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Urban Grotesk';
  src: url('assets/fonts/urban-grotesk-800.woff2') format('woff2'),
       url('assets/fonts/urban-grotesk-800.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   Barvy jako proměnné, aby se daly měnit na jednom místě.
   Základ je převzatý z matyas-hajek.cz; akcent je pro castle vlastní.
   -------------------------------------------------------------------------- */
:root {
  --ic-ink:        #111111;  /* nadpisy */
  --ic-text:       #202020;  /* běžný text */
  --ic-muted:      #6E6E6E;  /* kickery, popisky */
  --ic-paper:      #FFFFFF;

  --ic-display: 'Novela Poster', Georgia, 'Times New Roman', serif;
  --ic-body:    'Urban Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Paleta ze společného systému */
  --ic-red:        #C83E4D;
  --ic-blue:       #3155CE;
  --ic-purple:     #7231C9;
  --ic-green:      #2E6D48;
  --ic-ochre:      #E7B94F;

  /* Akcent castle — zatím okrová, čeká na rozhodnutí (viz docs/design-system.md) */
  --ic-accent:       var(--ic-ochre);
  --ic-accent-ink:   #8A6A1F;
}

/* --------------------------------------------------------------------------
   Čitelnost delších textů. Stránky příbytků jsou souvislá četba,
   ne rozhraní — proto měkčí míra a užší sloupec.
   -------------------------------------------------------------------------- */
.entry-content p {
  max-width: 68ch;
}

.entry-content blockquote {
  border-left: 3px solid var(--ic-accent);
  padding-left: 1.25rem;
  margin-left: 0;
  font-style: normal;
}

/* Citace Terezie: zdroj patří viditelně k citátu, ne do poznámky pod čarou. */
.entry-content blockquote cite {
  display: block;
  margin-top: .5rem;
  font-size: .875em;
  font-style: normal;
  color: var(--ic-muted);
}

/* --------------------------------------------------------------------------
   Interaktivní hrad je navigace, ne nosič obsahu — text příbytků musí zůstat
   v HTML. Tohle jen zajišťuje, že se SVG chová slušně.
   -------------------------------------------------------------------------- */
.ic-castle svg {
  display: block;
  width: 100%;
  height: auto;
}

.ic-castle a:focus-visible {
  outline: 3px solid var(--ic-accent);
  outline-offset: 2px;
}

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