/* Ёлкино-Перепёлкино — Brand foundation
   Дизайн-токены из README "Подсолнух"
   Подгружается до inline <style> в каждом home-*.html */

:root{
  --white:    #FFFFFF;
  --paper:    #FAF7EE;
  --green:    #5B8C44;
  --green-dp: #1E5631;
  --green-ink:#0E2C18;
  --yellow:   #F4C430;
  --yellow-lt:#FFE89A;
  --muted:    rgba(14,44,24,0.58);
  --line:     rgba(14,44,24,0.14);
}

/* Reset */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
  scroll-behavior:smooth;
}
body{
  margin:0;
  font-family:"Cuprum","Helvetica Neue",Arial,sans-serif;
  font-weight:500;
  font-size:16px;
  line-height:1.5;
  color:var(--green-ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img,picture,svg,video{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:transparent;border:0;padding:0}
a{color:inherit;text-decoration:none}
ul,ol{padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6,p{margin:0}
strong{font-weight:700}
em,i{font-style:italic}

/* Display font defaults for headings (overridable per section) */
h1,h2,h3{font-family:"Yeseva One","Georgia",serif;font-weight:700;letter-spacing:-0.02em}
h4,h5,h6{font-family:"Cuprum","Helvetica Neue",Arial,sans-serif;font-weight:700}

/* Utility */
.eyebrow{
  font-family:"PT Mono","Menlo",monospace;
  font-size:11px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--green-dp);
}
.muted{color:var(--muted)}
.line-top{border-top:2px solid var(--green-ink)}
.line-bottom{border-bottom:2px solid var(--green-ink)}

/* Selection */
::selection{background:var(--yellow);color:var(--green-ink)}

/* Focus visible — keyboard-only outline */
:focus{outline:none}
:focus-visible{outline:2px solid var(--green-dp);outline-offset:3px}

/* Smooth font swap from Google Fonts */
@font-face{font-display:swap}

/* Responsive container helper used by some sections */
.container{max-width:1440px;margin:0 auto;padding:0 32px}
@media (max-width:768px){
  .container{padding:0 20px}
}

/* Hide visually but keep for AT */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}