/* =========================
   БАЗОВЫЙ ФОН С ГРАДИЕНТОМ (30°)
   Портируем угол из iOS:
   startPoint/endPoint рассчитаны под ~30°, здесь используем эквивалент
   linear-gradient(30deg, ...)
   ========================= */

:root{
    /* Цвета из iOS-кода */
    --bg-grad-start: #D6F7FF; /* UIColor(hex: "0xD6F7FF") */
    --bg-grad-end:   #E2CEF3; /* UIColor(hex: "0xE2CEF3") */

    /* Базовые цвета интерфейса (можно переопределять на страницах) */
    --ios-bg: #f2f4f7;
    --ios-sheet-bg: #ffffff;
    --ios-title: #0b0b0c;
    --ios-accent: #1991ff;
    --ios-accent-pressed: #0f7ee3;
    --ios-muted: #8e8e93;
    --ios-separator: rgba(60,60,67,0.1);
    --ios-card-bg: #efefef;
    --ios-card-border: rgba(25,145,255,0.35);

    --radius-xl: 28px;
    --radius-lg: 16px;
    --radius-md: 12px;

    --shadow-soft: 0 6px 18px rgba(0,0,0,0.06);
    --tap-h: 56px;
}

/* Глобальный фон: одинаковый для всех экранов, если не переопределён */
html, body{
    height: 100%;
}

body.app-bg{
    /* Градиент под углом 30° от левого‑низа к правому‑верху (как в iOS) */
    background: linear-gradient(30deg, var(--bg-grad-start) 0%, var(--bg-grad-end) 100%) fixed;
    background-color: var(--bg-grad-start);
    margin: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: var(--ios-title);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
}

/* Утилита: белый «лист» контента поверх градиента */
.sheet{
    background: var(--ios-sheet-bg);
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    box-shadow: 0 -1px 0 var(--ios-separator) inset;
}