/*
 * ЮГИД — общие дизайн-токены (ui-ux-pro-max: travel/Aurora UI, морской синий + солнечный акцент).
 * Используются шапкой (header.css) и главной (home.css).
 */
:root {
    --yg-ink: #0B2E45;
    --yg-ink-soft: #33526A;
    --yg-muted: #5B7083;
    --yg-sea: #0369A1;
    --yg-sea-dark: #075985;
    --yg-sky: #E0F2FE;
    --yg-sky-soft: #F0F9FF;
    --yg-sun: #FFC123;
    --yg-sun-dark: #F2A900;
    --yg-coral: #C2410C;
    --yg-card: #FFFFFF;
    --yg-border: #D9E7F1;
    --yg-ring: #0B2E45;

    --yg-radius-sm: 12px;
    --yg-radius: 20px;
    --yg-radius-lg: 32px;
    --yg-shadow: 0 1px 2px rgba(11, 46, 69, .06), 0 8px 24px rgba(11, 46, 69, .08);
    --yg-shadow-lg: 0 2px 4px rgba(11, 46, 69, .06), 0 24px 48px rgba(11, 46, 69, .16);

    --yg-font-head: 'Unbounded', 'Manrope', system-ui, sans-serif;
    --yg-font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --yg-ease: cubic-bezier(.2, .7, .2, 1);
}

/* Фото в кружке-аватарке (widget/ava): заполняет кружок, форма — от родителя */
.yg-ava-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }