/*
|--------------------------------------------------------------------------
| Sepehr ERP Design System
| variables.css
|--------------------------------------------------------------------------
*/

:root {

    /* ==========================
       Brand Colors
    ========================== */

    --primary: #0F2B5B;
    --primary-hover: #0B2249;
    --primary-light: #EAF1FB;

    --info: #2563EB;
    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #DC2626;

    --neutral: #6B7280;

    /* ==========================
       Background
    ========================== */

    --background: #F8FAFC;
    --surface: #FFFFFF;

    /* ==========================
       Text
    ========================== */

    --text-primary: #111827;
    --text-secondary: #4B5563;
    --text-muted: #6B7280;

    /* ==========================
       Border
    ========================== */

    --border: #E5E7EB;
    --border-focus: #2563EB;

    /* ==========================
       Radius
    ========================== */

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    /* ==========================
       Shadow
    ========================== */

    --shadow-sm: 0 2px 8px rgba(15,43,91,.05);

    --shadow-md: 0 8px 24px rgba(15,43,91,.08);

    --shadow-lg: 0 18px 45px rgba(15,43,91,.12);

    /* ==========================
       Transition
    ========================== */

    --transition: .25s ease;

    /* ==========================
       Font
    ========================== */

    --font-family:
        "IRANSansWeb",
        Arial,
        sans-serif;

    --font-family-light:
        "IRANSansWebLight",
        "IRANSansWeb",
        Arial,
        sans-serif;

    --font-family-medium:
        "IRANSansWebMedium",
        "IRANSansWeb",
        Arial,
        sans-serif;

    --font-family-numeric:
        "IRANSansWebFaNum",
        "IRANSansWeb",
        Arial,
        sans-serif;

    --font-family-title:
        "IRANYekanX",
        "IRANSansWeb",
        Arial,
        sans-serif;

    /* ==========================
       Font Sizes
    ========================== */

    --font-title:30px;

    --font-card-title:20px;

    --font-section:18px;

    --font-table:16px;

    --font-form:15px;

    --font-button:15px;

    --font-helper:13px;

    --font-badge:13px;

    /* ==========================
       Input
    ========================== */

    --input-height:48px;

    /* ==========================
       Buttons
    ========================== */

    --button-height:48px;

    /* ==========================
       Card
    ========================== */

    --card-padding:24px;

    /* ==========================
       Spacing
    ========================== */

    --space-4:4px;

    --space-8:8px;

    --space-12:12px;

    --space-16:16px;

    --space-24:24px;

    --space-32:32px;

    --space-48:48px;

}