/* 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
*/

/* =====================================================
   Hippocrates Design System
   ===================================================== */

:root {

    /* -------------------------------------------------
       Brand colors
       ------------------------------------------------- */

    --hippo-primary: #0C51C6;
    --hippo-primary-dark: #0A3FA0;
    --hippo-primary-light: rgba(12, 81, 198, 0.08);
    --hippo-primary-border: rgba(12, 81, 198, 0.18);

    /* -------------------------------------------------
       Neutral colors
       ------------------------------------------------- */

    --hippo-bg: #ffffff;
    --hippo-bg-secondary: #f8f9fa;
    --hippo-bg-readonly: #f1f3f5;

    --hippo-border: #dee2e6;

    --hippo-text: #134778;
    --hippo-text-muted: #6c757d;

    /* -------------------------------------------------
       Status colors
       ------------------------------------------------- */

    --hippo-success: #198754;
    --hippo-warning: #ffc107;
    --hippo-danger: #dc3545;
    --hippo-info: #0dcaf0;

    /* -------------------------------------------------
       Radius & shadows
       ------------------------------------------------- */

    --hippo-radius: 10px;

    --hippo-shadow-sm:
        0 1px 3px rgba(0,0,0,.06);

    --hippo-shadow-md:
        0 4px 12px rgba(0,0,0,.08);
}

/* ----------------------------
   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;
}