/**
 * VARIABLES.CSS — QR SBP: мягкая графитовая тема с приглушёнными цветами.
 * Тёмная версия — не чёрная, а серо-графитовая; светлая — не белая, а тёплый светло-серый.
 */

:root {
    /* Графит (по умолчанию) — мягкий серый, не чёрный */
    --bg-primary: #25272b;
    --bg-secondary: #2a2d32;
    --bg-tertiary: #303338;
    --bg-card: #2d3035;
    --bg-input: #35383e;

    --text-primary: #e9eaed;
    --text-secondary: #b0b4bb;
    --text-tertiary: #8a8f97;
    --text-muted: #6a6f77;

    /* Приглушённый стальной акцент — не кислотный, но и не серый */
    --accent-primary: #7f9db3;
    --accent-secondary: #9db4c4;
    --accent-contrast: #14171a;
    --accent-gradient: linear-gradient(135deg, #8aa7bb 0%, #6d8b9f 100%);

    /* Статусы: мягкие, десатурированные */
    --success: #7aa889;
    --warning: #c4a06a;
    --error: #c08a8c;
    --info: #7f9db3;

    --border-color: #2c2f34;
    --border-light: #3a3e44;

    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.45);
    --shadow-glow: 0 0 0 1px rgba(127, 157, 179, 0.25);

    /* Цвет «контраста» для полупрозрачных заливок: в тёмной теме — светлый, в светлой — тёмный */
    --ui-contrast-rgb: 214, 219, 225;

    --header-height: 56px;
    --tabbar-height: 64px;
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    --font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-xs: 11px;
    --font-size-sm: 13px;
    --font-size-md: 15px;
    --font-size-lg: 17px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;

    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.4s ease;
}

/* Светлая тема — тёплый светло-серый, без чистого белого */
:root[data-theme="light"],
html[data-theme="light"],
body[data-theme="light"] {
    --bg-primary: #f1f2f4;
    --bg-secondary: #f7f8f9;
    --bg-tertiary: #eceef0;
    --bg-card: #fbfbfc;
    --bg-input: #e8eaed;

    --text-primary: #1d1f22;
    --text-secondary: #4e5258;
    --text-tertiary: #797e85;
    --text-muted: #a4a9b0;

    --accent-primary: #5c7d94;
    --accent-secondary: #6f90a6;
    --accent-contrast: #ffffff;
    --accent-gradient: linear-gradient(135deg, #6f90a6 0%, #4f6f85 100%);

    --success: #4d7a5c;
    --warning: #8a6c33;
    --error: #8f5a5c;
    --info: #5c7d94;

    --border-color: #dcdfe3;
    --border-light: #c9cdd3;

    --shadow-sm: 0 2px 4px rgba(28, 32, 38, 0.06);
    --shadow-md: 0 4px 12px rgba(28, 32, 38, 0.08);
    --shadow-lg: 0 8px 24px rgba(28, 32, 38, 0.1);
    --shadow-glow: 0 0 0 1px rgba(92, 125, 148, 0.22);

    --ui-contrast-rgb: 28, 32, 38;
}