@font-face {
    font-family: 'HacenLiner';
    src: url('/assets/fonts/HacenLiner.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Font */
html,
body,
button,
input,
textarea,
select,
a,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'HacenLiner', Arial, sans-serif !important;
}

/* Nana Rest landing colors */
:root {
    --nanarest-primary: #18899a;
    --nanarest-primary-dark: #0f6370;
    --nanarest-primary-darker: #0a4d58;
    --nanarest-primary-light: #35a9bb;
    --nanarest-primary-soft: #e8f7f9;
    --nanarest-secondary: #48b3ad;
}

/* Replace common orange usages */
.text-primary,
.text--primary,
.c1,
.title-color,
a:hover {
    color: var(--nanarest-primary) !important;
}

.bg-primary,
.bg--primary,
.btn-primary,
.btn--primary,
.theme-btn,
.primary-btn {
    background-color: var(--nanarest-primary) !important;
    border-color: var(--nanarest-primary) !important;
}

.btn-primary:hover,
.btn--primary:hover,
.theme-btn:hover,
.primary-btn:hover {
    background-color: var(--nanarest-primary-dark) !important;
    border-color: var(--nanarest-primary-dark) !important;
}

.border-primary,
.border--primary {
    border-color: var(--nanarest-primary) !important;
}

/* Common landing decorative gradients */
.gradient-bg,
.bg-gradient,
.primary-gradient {
    background: linear-gradient(135deg, var(--nanarest-primary), var(--nanarest-secondary)) !important;
}

/* Soft backgrounds */
.bg-light-primary,
.bg--light-primary,
.primary-light-bg {
    background-color: var(--nanarest-primary-soft) !important;
}

/* SVG/icon helpers when color is inherited */
.fill-primary {
    fill: var(--nanarest-primary) !important;
}

.stroke-primary {
    stroke: var(--nanarest-primary) !important;
}