/*
Theme Name: Yandex Cloud Blog
Theme URI: https://cloud.yandex.kz
Author: Your Name
Author URI: https://yoursite.com
Description: Тема блога в стиле Yandex Cloud — чистый минималистичный дизайн с карточной лентой постов, адаптивной навигацией и фильтрами.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5

License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yandex-cloud-blog
Tags: blog, custom-menu, featured-images, responsive-layout, translation-ready
*/

/* =========================================================
   CSS Custom Properties (Design Tokens)
   ========================================================= */
:root {
    /* Colors */
    --color-bg:           #ffffff;
    --color-surface:      #f7f7f7;
    --color-border:       #e0e0e0;
    --color-text:         #21201f;
    --color-text-muted:   #7a7a7a;
    --color-accent:       #fc3f1d;
    --color-accent-hover: #e0351a;
    --color-link:         #21201f;
    --color-shadow:       rgba(0,0,0,0.08);

    /* Header */
    --header-height:      64px;
    --header-nav-height:  48px;

    /* Typography */
    --font-body:    'YS Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'YS Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing */
    --space-xs:  4px;
    --space-s:   8px;
    --space-m:   16px;
    --space-l:   24px;
    --space-xl:  32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* Border Radius */
    --radius-s:  8px;
    --radius-m:  12px;
    --radius-l:  16px;
    --radius-pill: 100px;

    /* Transitions */
    --transition: 0.2s ease;

    /* Container */
    --container-max: 1280px;
    --container-pad: 24px;
}

/* =========================================================
   Reset & Base
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; scroll-behavior: smooth; }

body {
    font-family: var(--font-body);
    color: var(--color-text);
    background: var(--color-bg);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
ul { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }

/* =========================================================
   Typography
   ========================================================= */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    line-height: 1.2;
    font-weight: 700;
}

/* =========================================================
   Layout
   ========================================================= */
.container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-pad);
}

/* =========================================================
   Yandex Fonts (загрузка)
   ========================================================= */
@font-face {
    font-family: 'YS Text';
    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'YS Text';
    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'YS Text';
    src: url('https://yastatic.net/s3/home/fonts/ys/1/text-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}