@import url('https://fonts.bunny.net/css?family=ibm-plex-mono:400,500&display=swap');
@import url('https://fonts.bunny.net/css?family=ibm-plex-serif:400,400i,700&display=swap');

/* Gruvbox Soft — Light */
@media (prefers-color-scheme: light) {
  :root {
    --background:  #F7EDD4;
    --text:        #3C3836;
    --link:        #F29718;
    --link-hover:  #3C3836;
    --accent-1:    #EFE0C0;
    --accent-2:    #D5C4A1;
    --accent-3:    #7C6F64;
    --highlight:   #EFE0C0;
  }
}

/* Gruvbox Soft — Dark */
@media (prefers-color-scheme: dark) {
  :root {
    --background:  #32302F;
    --text:        #EBDBB2;
    --link:        #FFCC66;
    --link-hover:  #EBDBB2;
    --accent-1:    #3C3836;
    --accent-2:    #504945;
    --accent-3:    #A89984;
    --highlight:   #3C3836;
  }
}

/* Fonts */
html {
  font-family: 'IBM Plex Serif', serif;
}

.site-title,
.site-nav,
footer {
  font-family: 'IBM Plex Mono', monospace;
}

/* Site Title */
.site-title {
  font-size: 2rem;
}

/* Avatar */
.u-photo {
  border-radius: 50% !important;
  border: 2px solid rgba(203, 75, 22, 0.60) !important;
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
}



/* Foto-Grid */
.photo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin: 2rem 0;
}

.photo-grid img {
  border-radius: 6px !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  box-shadow: none !important;
}