/* ==========================================
   Phoenix Design System v1.0
   Author: Rohullah Sadat
   ========================================== */

:root {

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

    --color-primary: #1d4ed8;
    --color-primary-hover: #1d4ed8;

    --color-secondary: #7c3aed;

    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;

    /* ===== Neutral Colors ===== */

    --color-white: #ffffff;
    --color-background: #f8fafc;
    --color-surface: #ffffff;

    --color-text: #1e293b;
    --color-text-light: #64748b;

    --color-border: #e2e8f0;

    /* ===== Dark Mode ===== */

    --dark-background: #0f172a;
    --dark-surface: #1e293b;

    --dark-text: #f8fafc;
    --dark-text-light: #cbd5e1;

    /* ===== Typography ===== */

    --font-primary: "poppins", sans-serif;
    --font-secondary: "Vazirmatn", sans-serif;

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

    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-md: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.5rem;
    --fs-2xl: 2rem;
    --fs-3xl: 3rem;

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

    --space-xs: .25rem;
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 4rem;

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

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 999px;

    /* ===== Shadows ===== */

    --shadow-sm: 0 2px 8px rgba(0,0,0,.08);
    --shadow-md: 0 8px 24px rgba(0,0,0,.12);

    /* ===== Animation ===== */

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

--container-width: 1200px;

/* ===== Header ===== */

--header-height: 80px;

/* ===== Z-index ===== */

--z-navbar: 1000;
--z-modal: 2000;
--z-tooltip: 3000;

/* ===== Blur ===== */

--blur-md: blur(10px);
/* Borders */

--border-thin:1px;

--border-normal:2px;
--gradient-primary:
linear-gradient(
135deg,
#2563eb,
#7c3aed
);
--section-padding:6rem 0;
}
body.dark-mode{

    --color-background:#0f172a;

    --color-surface:#1e293b;

    --color-text:#f8fafc;

    --color-text-light:#cbd5e1;

    --color-border:#334155;

}