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

/* ============================
   TYPOGRAPHY
============================ */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h1 { font-size: 2.5rem; font-weight: 700; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

/* ----------------------------
   Paragraphs
---------------------------- */

p {
    margin-top: 0;
    margin-bottom: 1rem;

    font-size: 1rem;
    line-height: 1.6;

    color: #384b6a;
}

/* ----------------------------
   Lists
---------------------------- */

ul,
ol {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

li {
    margin-bottom: 0.25rem;
}

/* ----------------------------
   Text utilities
---------------------------- */

.text-muted {
    color: #6b7280;
}

.text-small {
    font-size: 0.875rem;
}

.text-large {
    font-size: 1.125rem;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

/* ----------------------------
   Font utilities
---------------------------- */

.font-tilda-light {
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 300;
}

.font-tilda-regular {
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 400;
}

.font-tilda-medium {
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 500;
}

.font-tilda-semibold {
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 600;
}

.font-tilda-bold {
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 700;
}

.font-tilda-black {
    font-family: 'Tilda Sans', sans-serif;
    font-weight: 900;
}

/* ----------------------------
   Selection
---------------------------- */

::selection {
    background-color: rgba(4, 124, 246, 0.20);
    color: #111827;
}