/* ==========================================================
   YADOMART DESIGN SYSTEM
   Version: 1.0
========================================================== */

:root{

    /*======================================================
      BRAND COLORS
    ======================================================*/

    --primary: #0E7A53;
    --primary-dark: #0A6242;
    --primary-light: #18A36E;

    --accent: #F4B740;
    --accent-light: #FFD67A;

    /*======================================================
      NEUTRALS
    ======================================================*/

    --white: #FFFFFF;

    --background: #F7FAF9;

    --surface: #FFFFFF;

    --surface-alt: #F2F5F4;

    --border: #E3E8E7;

    --border-light: #EEF2F1;

    /*======================================================
      TEXT
    ======================================================*/

    --text: #17242F;

    --text-light: #5E6C76;

    --text-muted: #8C98A4;

    --heading: #0E1720;

    /*======================================================
      STATUS
    ======================================================*/

    --success: #2BB673;

    --warning: #F5A623;

    --danger: #E5484D;

    --info: #4C8BF5;

    /*======================================================
      GLASS EFFECT
    ======================================================*/

    --glass: rgba(255,255,255,.68);

    --glass-border: rgba(255,255,255,.45);

    --glass-shadow:
        0 20px 60px rgba(15,35,55,.08);

    --glass-blur: blur(18px);

    /*======================================================
      SHADOWS
    ======================================================*/

    --shadow-xs:
        0 2px 8px rgba(0,0,0,.04);

    --shadow-sm:
        0 8px 24px rgba(0,0,0,.06);

    --shadow-md:
        0 18px 45px rgba(0,0,0,.08);

    --shadow-lg:
        0 30px 80px rgba(0,0,0,.12);

    --shadow-xl:
        0 50px 120px rgba(0,0,0,.18);

    /*======================================================
      BORDER RADIUS
    ======================================================*/

    --radius-xs:6px;

    --radius-sm:10px;

    --radius-md:16px;

    --radius-lg:24px;

    --radius-xl:34px;

    --radius-pill:999px;

    /*======================================================
      SPACING
    ======================================================*/

    --space-1:.25rem;

    --space-2:.5rem;

    --space-3:.75rem;

    --space-4:1rem;

    --space-5:1.5rem;

    --space-6:2rem;

    --space-7:3rem;

    --space-8:4rem;

    --space-9:5rem;

    --space-10:6rem;

    /*======================================================
      LAYOUT
    ======================================================*/

    --container:1280px;

    --header-height:88px;

    --section-padding:120px;

    /*======================================================
      TYPOGRAPHY
    ======================================================*/

    --font-family:
        "Manrope",
        sans-serif;

    --font-size-xs:.75rem;

    --font-size-sm:.875rem;

    --font-size-base:1rem;

    --font-size-lg:1.125rem;

    --font-size-xl:1.25rem;

    --font-size-2xl:1.5rem;

    --font-size-3xl:2rem;

    --font-size-4xl:2.8rem;

    --font-size-5xl:4rem;

    --font-size-6xl:5.5rem;

    --font-light:300;

    --font-normal:400;

    --font-medium:500;

    --font-semibold:600;

    --font-bold:700;

    --font-extra:800;

    /*======================================================
      LINE HEIGHT
    ======================================================*/

    --leading-tight:1.1;

    --leading-normal:1.5;

    --leading-loose:1.8;

    /*======================================================
      TRANSITIONS
    ======================================================*/

    --transition-fast:
        all .2s ease;

    --transition:
        all .35s ease;

    --transition-slow:
        all .6s ease;

    /*======================================================
      Z-INDEX
    ======================================================*/

    --z-background:-1;

    --z-normal:1;

    --z-header:100;

    --z-dropdown:500;

    --z-modal:900;

    --z-loader:9999;

}