/* backend/domains/layout/static/layout/css/base.css */

/* ============================
   GLOBAL BASE STYLES
============================ */

/*
   Только базовые глобальные стили.

   ВАЖНО:
   - Typography → typography.css
   - Navbar → navbar.css
   - Footer → footer.css
   - Utilities → utilities.css
   - Responsive → responsive.css
*/

/* ----------------------------
   HTML / BODY
---------------------------- */

html,
body {
    min-height: 100%;
}

body {
    margin: 0;

    font-family: 'Tilda Sans', 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #333;

    background-color: #ffffff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ----------------------------
   Main layout
---------------------------- */

main {
    min-height: 0;
    flex: 1 0 auto;
}

/* Main container */

main .container {
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* ----------------------------
   Images
---------------------------- */

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ----------------------------
   Links
---------------------------- */

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* ----------------------------
   Tables
---------------------------- */

table {
    width: 100%;
    border-collapse: collapse;
}

/* ----------------------------
   Forms
---------------------------- */

input,
select,
textarea,
button {
    font-family: inherit;
}

/* ----------------------------
   Utility helpers
---------------------------- */

.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}