/*
==================================================

ACCESS HOLIDAYS V3.5
Variables
Author : Access Holidays
Version : 3.5

==================================================
*/

:root{

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

--primary:#0B2D73;
--primary-light:#2354B8;
--primary-dark:#071B45;

--secondary:#D4AF37;
--secondary-light:#F5D96B;
--secondary-dark:#A98518;

/*==================================================
BACKGROUND
==================================================*/

--white:#FFFFFF;

--bg:#F7F9FC;

--bg-light:#FCFDFF;

--dark:#09152D;

--dark-soft:#162642;

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

--text:#4B5563;

--text-light:#7B8798;

--text-dark:#202939;

--heading:#08152F;

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

--success:#17B26A;

--warning:#F5A524;

--danger:#E5484D;

--info:#0EA5E9;

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

--border:#E7ECF3;

--border-dark:#D2DCE8;

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

--glass:

rgba(255,255,255,.14);

--glass-dark:

rgba(9,21,45,.18);

--glass-border:

rgba(255,255,255,.24);

/*==================================================
OVERLAY
==================================================*/

--overlay:

rgba(7,27,69,.58);

--overlay-dark:

rgba(0,0,0,.70);

/*==================================================
GRADIENTS
==================================================*/

--gradient-primary:

linear-gradient(
135deg,
#0B2D73,
#2354B8
);

--gradient-gold:

linear-gradient(
135deg,
#D4AF37,
#F5D96B
);

--gradient-dark:

linear-gradient(
135deg,
#09152D,
#162642
);

--gradient-glass:

linear-gradient(
135deg,
rgba(255,255,255,.20),
rgba(255,255,255,.08)
);

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

--font-primary:

'Poppins',
sans-serif;

/* Display */

--display:

72px;

/* Headings */

--h1:

60px;

--h2:

46px;

--h3:

34px;

--h4:

26px;

--h5:

22px;

/* Text */

--body:

17px;

--small:

15px;

--tiny:

13px;

/*==================================================
FONT WEIGHT
==================================================*/

--light:

300;

--regular:

400;

--medium:

500;

--semi-bold:

600;

--bold:

700;

--extra-bold:

800;

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

--line-tight:

1.1;

--line-heading:

1.2;

--line-body:

1.7;

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

--spacing-small:

.3px;

--spacing-normal:

.5px;

--spacing-large:

1px;

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

--section-space:

120px;

--section-space-mobile:

80px;

/*==================================================
CONTAINER
==================================================*/

--container:

1400px;

--content:

1320px;

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

--space-1:

8px;

--space-2:

12px;

--space-3:

16px;

--space-4:

20px;

--space-5:

24px;

--space-6:

32px;

--space-7:

40px;

--space-8:

48px;

--space-9:

64px;

--space-10:

80px;

--space-11:

96px;

--space-12:

120px;

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

--radius-sm:

12px;

--radius-md:

18px;

--radius-lg:

26px;

--radius-xl:

34px;

--radius-pill:

999px;

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

--shadow-sm:

0 6px 18px
rgba(0,0,0,.05);

--shadow-md:

0 12px 35px
rgba(0,0,0,.08);

--shadow-lg:

0 24px 60px
rgba(0,0,0,.12);

--shadow-xl:

0 40px 90px
rgba(0,0,0,.18);

/*==================================================
TRANSITION
==================================================*/

--transition-fast:

.25s ease;

--transition:

.40s ease;

--transition-slow:

.70s ease;

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

--z-loader:

99999;

--z-header:

999;

--z-dropdown:

100;

--z-overlay:

10;

--z-content:

20;

/*==================================================
HEADER
==================================================*/

--header-height:

100px;

/*==================================================
BUTTONS
==================================================*/

--button-height:

56px;

/*==================================================
CARDS
==================================================*/

--card-padding:

32px;

/*==================================================
BACKDROP
==================================================*/

--blur:

18px;

}

/* ==========================================================
   ACCESS HOLIDAYS DESIGN SYSTEM
========================================================== */

:root{

    /* Brand Colours */

    --primary:#071C4D;
    --primary-light:#103B8C;

    --gold:#D4AF37;
    --gold-light:#FFE38A;
    --gold-dark:#B88916;

    --white:#FFFFFF;
    --background:#F8FAFC;

    --text:#2D3748;
    --text-light:#667085;

    --border:#E8EDF4;

    /* Radius */

    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-xl:32px;

    /* Shadows */

    --shadow-soft:
        0 10px 30px rgba(7,28,77,.08);

    --shadow-medium:
        0 18px 40px rgba(7,28,77,.12);

    --shadow-hover:
        0 25px 60px rgba(7,28,77,.18);

}