/* basic styles needed everywhere */
:root {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height);
    color: var(--black);
    background-color: var(--white);
}

body {
    background-color: var(--white);
    color: var(--black);
}

.layout-container {
    margin: 0 !important;
}

p {
    margin:  0 0 calc(var(--line-height) * 1) 0;
    &:last-child {
        margin: 0 0 0 0;
    }
}

a {
    color: inherit;
}

.hebrew {
    font-family: var(--font-family-alt);
    direction: rtl;
}

.bg--black {
    background: var(--black);
}
.bg--primary {
    background: var(--primary);
}
.bg--secondary {
    background: var(--secondary);
}
.bg--tertiary {
    background: var(--tertiary);
}