/* skin.css — палитра, типографика и знак сайта под тему «сила и движение».
   Заданы переменные самой темы cactus, разметка не тронута. */

@font-face{
  font-family:"PimDisplay";
  src:url("/fonts/alegreya-var.ttf") format("truetype-variations");
  font-weight:100 900; font-style:normal; font-display:swap;
}

/* ---------- палитра: слива, охра, мох на тёплой бумаге ---------- */
html, html[data-theme="light"]{
  --color-global-bg:  #f6f2ee;
  --color-global-text:#221a24;
  --color-muted:      #6a5f6b;
  --color-link:       #7a2f62;
  --color-accent:     #7a2f62;
  --color-accent-2:   #221a24;
  --color-quote:      #5f7d2e;
  --pim-gold:         #c9a227;
  --pim-moss:         #5f7d2e;
  --pim-line:         #e2d8d0;
}
html[data-theme="dark"]{
  --color-global-bg:  #171319;
  --color-global-text:#e2d9e3;
  --color-muted:      #a294a6;
  --color-link:       #d489bf;
  --color-accent:     #d489bf;
  --color-accent-2:   #f3ecf4;
  --color-quote:      #a8c96a;
  --pim-gold:         #e0bd4a;
  --pim-moss:         #a8c96a;
  --pim-line:         #2c2430;
}

/* ---------- фон: тёплое поле и дуги разгона ---------- */
body{
  position:relative;
  background-color:var(--color-global-bg);
  background-image:
    radial-gradient(1100px 380px at 78% -60px, rgba(122,47,98,.16), rgba(122,47,98,0) 70%),
    radial-gradient(760px 300px at 8% 40px, rgba(201,162,39,.16), rgba(201,162,39,0) 70%);
  background-repeat:no-repeat;
}
body::before{
  content:""; position:absolute; left:0; right:0; top:0; height:190px; z-index:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 190' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%237a2f62' stroke-opacity='.16' stroke-width='2'%3E%3Cpath d='M-40 176 C 240 120, 520 150, 800 86 C 1040 32, 1240 60, 1480 20'/%3E%3Cpath d='M-40 190 C 260 140, 540 168, 820 108 C 1060 56, 1260 84, 1480 44'/%3E%3C/g%3E%3Cg fill='none' stroke='%23c9a227' stroke-opacity='.22' stroke-width='2'%3E%3Cpath d='M-40 160 C 220 104, 500 134, 780 70 C 1020 16, 1220 44, 1480 4'/%3E%3C/g%3E%3C/svg%3E") top center/100%% 190px no-repeat;
  pointer-events:none;
}
body > *{ position:relative; z-index:1; }

/* ---------- типографика ---------- */
html{ --font-sans:"Trebuchet MS","Lucida Grande",Verdana,sans-serif; }
body{
  font-family:"Trebuchet MS","Lucida Grande",Verdana,sans-serif;
  font-size:17.5px; line-height:1.74;
}
h1,h2,h3,h4,h5{
  font-family:"PimDisplay",Alegreya,Georgia,"Times New Roman",serif !important;
  letter-spacing:.005em;
}
h1{ font-weight:800; font-size:2.3rem; }
h2{ font-weight:700; }
h3,h4{ font-weight:600; }
main h2{
  padding-left:.6rem; border-left:5px solid var(--pim-moss);
}
main h3{ color:var(--color-link); }

/* ---------- шапка ---------- */
#main-header{ padding-bottom:1rem; border-bottom:1px solid var(--pim-line); }
#main-header .site-logo{ display:block; }
#main-header .site-logo img{ height:54px; width:auto; display:block; }
#main-header .site-logo .logo-dark{ display:none; }
html[data-theme="dark"] #main-header .site-logo .logo-light{ display:none; }
html[data-theme="dark"] #main-header .site-logo .logo-dark{ display:block; }
#main-header nav a{ font-size:.86rem; letter-spacing:.02em; }

/* ---------- детали ---------- */
main figure img, main img{ border-radius:6px; }
main figure{ margin:1.9rem 0; }
blockquote{
  border-left:4px solid var(--pim-gold) !important;
  background:rgba(201,162,39,.10); padding:.7rem 1rem;
}