/*
Theme Name: Олио Рости
Theme URI: https://oliorosti.com
Author: Olio Rosti Dev
Description: Лёгкая кастомная тема интернет-магазина кожгалантерейной фабрики «Олио Рости». Нативные хуки WooCommerce, собственный слайдер через CPT «Слайды». Без сторонних платных плагинов и билдеров.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: olio-rosti
*/

/* ============================================================
   Токены дизайна (извлечены из эталона — см. _ref/AUDIT.md)
   ============================================================ */
:root{
  /* палитра */
  --c-text:        #2e3331;
  --c-text-soft:   #272727;
  --c-muted:       #4c4d52;
  --c-bg:          #ffffff;
  --c-bg-alt:      #f7f6f4;
  --c-dark:        #1a1a1a;
  --c-accent:      #cf2e2e;
  --c-border:      #e6e3df;

  /* типографика */
  --font-base:    "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-display: "Classica One", Georgia, "Times New Roman", serif; /* каллиграфия бренда: hero-заголовок, акценты */
  --font-button:  "Poppins", var(--font-base);

  /* метрики */
  --container:     1600px; /* как на эталоне (отступ ~160px при 1920) */
  --gutter:        15px;
  --section-gap:   80px;
  --radius:        8px;
}

/* ============================================================
   Reset / базовые элементы
   ============================================================ */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  font-family:var(--font-base);
  font-size:17px;
  font-weight:400;
  line-height:28px;
  color:var(--c-text);
  background:var(--c-bg);
  -webkit-font-smoothing:antialiased;
}
img,svg,video{ max-width:100%; height:auto; display:block; }
a{ color:var(--c-text); text-decoration:none; transition:color .2s ease, opacity .2s ease; }
a:hover{ color:var(--c-accent); }
p{ font-size:15px; font-weight:300; line-height:28px; color:var(--c-text-soft); margin:0 0 1em; }

h1,h2,h3,h4,h5,h6{ font-family:var(--font-base); color:var(--c-text); margin:0 0 .5em; }
h1{ font-size:44px; line-height:1.1; font-weight:600; }
h2{ font-size:40px; line-height:48px; font-weight:600; }
h3{ font-size:25px; line-height:30px; font-weight:600; letter-spacing:-1px; }

ul,ol{ margin:0 0 1em; padding-left:1.2em; }

/* служебное */
.screen-reader-text{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.skip-link{ position:absolute; left:-9999px; }
.skip-link:focus{ left:8px; top:8px; background:#fff; padding:8px 12px; z-index:1000; }