/*======================================================
  Ashabi-Edu Amusement Park & Resort
  Developed by DAA AI Ltd.
  Design System v1.0
======================================================*/

:root{

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

--gold:#D4AF37;
--gold-light:#E5CB8D;
--gold-dark:#B68D1D;
--white:#FFFFFF;
--black:#000000;

--primary-color:#D4AF37;
--primary-light:#E5CB8D;
--secondary-color:#121212;


/* Common Colors */

--white:#FFFFFF;
--black:#000000;

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

--bg-white:#FFFFFF;
--bg-light:#FAFAFA;
--bg-dark:#0F172A;
--bg-black:#050505;

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

--text-dark:#1E1E1E;
--text-light:#666666;
--text-white:#FFFFFF;

/*======================================================
  OVERLAYS
======================================================*/

--overlay-dark:rgba(0,0,0,.78);
--overlay-medium:rgba(0,0,0,.60);
--overlay-light:rgba(0,0,0,.35);

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

--border-light:rgba(255,255,255,.12);
--border-dark:rgba(0,0,0,.08);

/*======================================================
  SUCCESS / WARNING
======================================================*/

--success:#2E7D32;
--danger:#C62828;

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

--heading-font:"Cormorant Garamond", serif;
--body-font:"Inter", sans-serif;

/* Hero */

--hero-size:78px;
--hero-line-height:1.05;

/* Headings */

--h2:56px;
--h3:40px;
--h4:28px;

/* Text */

--paragraph:18px;
--small:14px;

/*======================================================
  FONT WEIGHTS
======================================================*/

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

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

--container:1280px;

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

--space-xs:8px;
--space-sm:16px;
--space-md:32px;
--space-lg:64px;
--space-xl:96px;
--space-xxl:140px;

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

--radius-small:10px;
--radius-medium:18px;
--radius-large:30px;
--radius-pill:999px;

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

--shadow-light:
0 10px 30px rgba(0,0,0,.08);

--shadow-medium:
0 20px 60px rgba(0,0,0,.15);

--shadow-heavy:
0 35px 80px rgba(0,0,0,.25);

/* Compatibility alias */
--shadow-dark:
0 35px 80px rgba(0,0,0,.25);

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

--transition:.35s ease;

}