/*
 * PM5 Dark — единый источник дизайн-токенов для всего проекта.
 * Подключать на каждой странице через <link rel="stylesheet" href="css/pm5-theme.css">.
 *
 * Содержит:
 *  - Импорт шрифтов Outfit + JetBrains Mono + Font Awesome
 *  - Канонические CSS-переменные (имена из home.php/dashboard.php)
 *  - Legacy-алиасы (--bg0, --stroke, --lime, --text, --muted, --shadow и т.п.),
 *    которые используются в старых файлах (lot.php, loan_lot.php, exchange_*, index.php)
 *
 * При конфликте имён страница-локальный :root переопределит этот файл.
 * Чтобы привести страницу к общему стилю — удалите её inline :root и оставьте
 * только этот файл.
 */

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");

:root {
    /* === Канонические токены (PM5 Dark, эталон — home.php) === */
    --bg-page: #05060a;
    --bg-glass: rgba(16, 19, 32, 0.55);
    --bg-glass-strong: rgba(16, 19, 32, 0.78);
    --bg-elevated: #101320;
    --bg-elevated-soft: #151827;

    --border-subtle: rgba(255, 255, 255, 0.06);
    --border-glow: rgba(181, 255, 59, 0.25);

    --text-main: #f5f7ff;
    --text-muted: #8b90a0;

    --accent: #b5ff3b;
    --accent-soft: rgba(181, 255, 59, 0.18);
    --accent-glow: rgba(181, 255, 59, 0.08);

    --danger: #ff5c5c;
    --danger-soft: rgba(255, 92, 92, 0.12);
    --warn: #fbbf24;

    --shadow-deep: 0 24px 80px rgba(0, 0, 0, 0.6);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-accent: 0 4px 30px rgba(181, 255, 59, 0.08);

    --radius-xl: 24px;
    --radius-lg: 18px;
    --radius-md: 12px;
    --radius-sm: 8px;
    --radius-pill: 999px;

    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

    --font-display: 'Outfit', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* === Legacy-алиасы (используются в старых страницах) === */
    --bg0: #05060a;                          /* был #070A0F */
    --bg1: #0b1220;                          /* для градиентов */
    --card: rgba(16, 19, 32, 0.78);

    --stroke: rgba(255, 255, 255, 0.08);     /* был #1F2A40 */
    --stroke2: rgba(255, 255, 255, 0.04);    /* был #162033 */

    --text: #f5f7ff;                         /* был #EAF1FF */
    --muted: #8b90a0;                        /* был #8FA3C7 */
    --lime: #b5ff3b;                         /* был #B6FF3B */

    --shadow: 0 8px 32px rgba(0, 0, 0, 0.4); /* был 0 30px 80px rgba(0,0,0,.60) */
}

/* Универсальная база, чтобы шрифт и фон не «протекали» из браузера */
html, body {
    background: var(--bg-page);
    color: var(--text-main);
    font-family: var(--font-display);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}