/* ═══════════════════════════════════════════════════════════════════════
   نانا ريست — صفحة الهبوط: الخط + الهوية البصرية الموحَّدة
   فاتح #036482 · ثانوي/مميّز #20ded3 · غامق #1c8eb1

   استُبدلت الألوان القديمة (#18899a أساسي و#48b3ad ثانوي، المستخرَجة من
   الشعار الأول) بالهوية الموحَّدة عبر المنتجات الخمسة.
   ═══════════════════════════════════════════════════════════════════════ */

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

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

/* ألوان صفحة هبوط نانا ريست */
:root {
    --nanarest-primary: #036482;
    --nanarest-primary-dark: #024e66;
    --nanarest-primary-light: #1c8eb1;
    --nanarest-primary-soft: #e6f2f6;
    --nanarest-secondary: #20ded3;
    --nanarest-secondary-dark: #16b4ab;
}

/* استبدال استخدامات اللون البرتقالي الأصلي */
.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;
}

/* تدرّجات زخرفية */
.gradient-bg,
.bg-gradient,
.primary-gradient {
    background: linear-gradient(135deg, var(--nanarest-primary), var(--nanarest-secondary)) !important;
}

/* خلفيات خفيفة */
.bg-light-primary,
.bg--light-primary,
.primary-light-bg {
    background-color: var(--nanarest-primary-soft) !important;
}

/* أيقونات SVG التي ترث اللون */
.fill-primary {
    fill: var(--nanarest-primary) !important;
}

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