/*======================================
  Wx Design System v1.0
  Variables
======================================*/

:root {

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

    --color-primary: #0F2D52;
    --color-primary-light: #1D4A7A;
    --color-primary-dark: #0A1F38;

    --color-accent: #C6902E;
    --color-accent-light: #D9A84A;
    --color-accent-dark: #A56F16;

    --color-highlight: #E8871E;

    --color-success: #2E9B57;
    --color-warning: #E8A317;
    --color-danger: #D64545;
    --color-info: #3385FF;


    /*==================================
      BACKGROUNDS
    ==================================*/

    --bg-body: #FAF8F4;
    --bg-light: #FFFFFF;
    --bg-soft: #F5F4F0;
    --bg-dark: #13253F;
    --bg-card: rgba(255,255,255,.82);


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

    --text-heading: #122033;
    --text-body: #49586A;
    --text-light: #FFFFFF;
    --text-muted: #8D98A5;
    --text-inverse: #FFFFFF;


    /*==================================
      BORDERS
    ==================================*/

    --border-color: rgba(15,45,82,.08);
    --border-light: rgba(255,255,255,.18);


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

    --font-heading: "Manrope", sans-serif;
    --font-body: "Inter", sans-serif;

    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;


    /*==================================
      FONT SIZES
    ==================================*/

    --text-xs: .75rem;
    --text-sm: .875rem;
    --text-base: 1rem;
    --text-md: 1.125rem;
    --text-lg: 1.25rem;
    --text-xl: 1.5rem;
    --text-2xl: 2rem;
    --text-3xl: 2.5rem;
    --text-4xl: 3rem;
    --text-5xl: 4rem;


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

    --leading-tight: 1.1;
    --leading-normal: 1.6;
    --leading-loose: 1.9;


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

    --space-xs: .5rem;
    --space-sm: .75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;
    --space-5xl: 8rem;


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

    --radius-sm: .5rem;
    --radius-md: .75rem;
    --radius-lg: 1.125rem;
    --radius-xl: 1.5rem;
    --radius-pill: 999px;


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

    --shadow-sm: 0 4px 12px rgba(15,45,82,.05);

    --shadow-md: 0 10px 25px rgba(15,45,82,.08);

    --shadow-lg: 0 20px 45px rgba(15,45,82,.10);

    --shadow-xl: 0 35px 70px rgba(15,45,82,.15);


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

    --glass-bg: rgba(255,255,255,.72);
    --glass-border: rgba(255,255,255,.35);
    --glass-blur: blur(16px);


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

    --transition-fast: .2s ease;
    --transition: .35s ease;
    --transition-slow: .6s ease;


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

    --container-width: 1200px;
    --container-wide: 1400px;

    --header-height: 84px;

    --section-padding: 120px;


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

    --z-dropdown: 100;
    --z-sticky: 500;
    --z-fixed: 800;
    --z-modal: 1000;
    --z-loader: 9999;

}