/* ========================================
   Font: Vazirmatn
   ======================================== */

@font-face {
    font-family: 'Estedad';
    src: url('/static/fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Estedad';
    src: url('/static/fonts/Estedad-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Estedad';
    src: url('/static/fonts/Estedad-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Estedad';
    src: url('/static/fonts/Estedad-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/*==========================================================
    VARIABLES
    Neuray Design System — رنگ‌ها، فونت‌ها، دکمه‌ها
    (نسخه هماهنگ‌شده: پالت سبزآبی/فیروزه‌ای + زرد)
==========================================================*/

:root{

    /* ============================================
       White / Base RGB (برای استفاده در rgba())
       ============================================ */
    --white-rgb:255,255,255;
    --black-rgb:0,0,0;                

    /* ============================================
       Brand Colors
       ============================================ */
    --primary:#0c5850;
    --primary-rgb:12, 88, 80;
    --primary-dark:#07302b;
    --primary-light:#1acab6;          
    --secondary:#14b3b8;
    --secondary-rgb:20, 179, 184;
    --secondary-dark:#106b6e;         

    --accent:#14b3b8;
    --accent-rgb:20, 179, 184;
    --accent-strong:#0d6366;          
    --accent-strong-rgb:13, 99, 102;

   

    /* ============================================
       Background
       ============================================ */
    --background:#FFFFFF;
    --surface:#F5FBFA;
    --surface-alt:#E9F6F2;
    --surface-faint:#FBFEFD;          
    --surface-soft:#F4FAF9;           
 

    /* ============================================
       Text
       (جایگزین سرمه‌ای/آبی با نسخه تیره هماهنگ با پالت سبزآبی)
       ============================================ */
    --text:#0E1F1C;
    --text-light:#0E1F1C;
    --text-muted:#0E1F1C;

    --text-inverse:#DCEEEB;
    --text-inverse-muted:#C2DEDA;

   

    /* ============================================
       Status
       ============================================ */
    --success:#16A34A;
    --warning:#D97706;
    --danger:#DC2626;
    --danger-rgb:220,38,38;          

    /* ============================================
       Border
       ============================================ */
    --border:#D3EDE7;
    --border-blue:#12ada6;
    --border-yellow:#eab308;

    /* ============================================
       Glass Effect
       ============================================ */
    --glass-bg:rgba(var(--white-rgb),.72);
    --glass-border:rgba(var(--primary-rgb),.08);

    /* ============================================
       Typography — Font Family 
       
       ============================================ */
    --font-heading:"Estedad", "Manrope", system-ui, sans-serif;
    --font-body:"Estedad", "Manrope", system-ui, sans-serif;

    /* Typography — Scale */
    --hero-title-size:2.75rem;
    --hero-title-size-s:2.5rem;
    --h2-title-size:2.5rem;

    --font-size-h3:1rem;
    --font-weight-h3:700;
    --font-weight-strong:700;
    --font-size-p:.92rem;
    --font-weight-p:700;              
    --font-size-tag:clamp(.75rem,1vw,.95rem);  

    --title-weight:800;
    --heading-weight:700;
    --body-weight:400;

    /* ============================================
       Buttons
       ============================================ */
    --button-height:58px;
    --btn-font-size:1rem;              
    --radius-button:16px;

    

    /* ============================================
       Border Radius
       ============================================ */
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:20px;
    --radius-xl:32px;
    --radius-round:999px;

    /* ============================================
       Shadow (بر پایه رنگ primary)
       ============================================ */
    --shadow-sm:0 8px 20px rgba(var(--primary-rgb),.08);
    --shadow-md:0 15px 40px rgba(var(--primary-rgb),.12);
    --shadow-lg:0 25px 60px rgba(var(--primary-rgb),.18);

    /* ============================================
       Transition
       ============================================ */
    --transition:.3s ease;

    /* ============================================
       Blur
       ============================================ */
    --blur-sm:10px;
    --blur-md:18px;
    --blur-lg:35px;

    /* ============================================
       Z-index
       ============================================ */
    --z-bg:1;
    --z-decoration:5;
    --z-content:20;
    --z-navbar:100;
    --z-modal:1000;

    --primary-darker:#04211C;         
    --primary-darker-rgb:4,33,28;     

}