/* ===========================================================
   ART-STROY AI
   main.css
   Базовые стили проекта
=========================================================== */

/* ---------- Google Font ---------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ---------- Переменные ---------- */

:root{

    --bg:#f3f5f9;
    --surface:#ffffff;
    --surface-2:#f8fafc;

    --primary:#ff9f1c;
    --primary-hover:#ff8a00;

    --secondary:#2b2d42;

    --success:#18b66b;
    --danger:#e63946;

    --text:#222;
    --text-light:#6b7280;

    --border:#e5e7eb;

    --shadow-sm:0 2px 8px rgba(0,0,0,.05);
    --shadow-md:0 8px 24px rgba(0,0,0,.08);
    --shadow-lg:0 16px 40px rgba(0,0,0,.12);

    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;

    --transition:.25s ease;

}

/* ---------- Сброс ---------- */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{

    scroll-behavior:smooth;

}

body{

    font-family:"Inter",sans-serif;

    background:var(--bg);

    color:var(--text);

    min-height:100vh;

}

/* ---------- Ссылки ---------- */

a{

    color:inherit;

    text-decoration:none;

}

/* ---------- Кнопки ---------- */

button{

    font-family:inherit;

    cursor:pointer;

    border:none;

    outline:none;

}

/* ---------- Поля ---------- */

input,
textarea,
select{

    font-family:inherit;

    outline:none;

}

/* ---------- Изображения ---------- */

img{

    display:block;

    max-width:100%;

}

/* ---------- Контейнер ---------- */

.container{

    width:min(1500px,95%);

    margin:auto;

}

/* ---------- Grid ---------- */

.app{

    display:grid;

    grid-template-columns:1fr 360px;

    gap:24px;

    padding:24px;

    min-height:100vh;

}

/* ---------- Карточка ---------- */

.card{

    background:var(--surface);

    border-radius:var(--radius-md);

    box-shadow:var(--shadow-sm);

}

/* ---------- Заголовки ---------- */

h1{

    font-size:34px;

    font-weight:700;

}

h2{

    font-size:24px;

}

h3{

    font-size:18px;

}

/* ---------- Скролл ---------- */

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:#d0d5dd;

    border-radius:100px;

}

::-webkit-scrollbar-track{

    background:transparent;

}

/* ---------- Выделение ---------- */

::selection{

    background:var(--primary);

    color:#fff;

}

/* ---------- Адаптив ---------- */

@media(max-width:1100px){

    .app{

        grid-template-columns:1fr;

    }

}