/*==================================================
    SPEEDWAY TOURS & GUIDE
    Design System v3.0
==================================================*/

/*========== Google Font ==========*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/*========== Root Variables ==========*/

:root{

    /* Brand Colors */
    --primary:#1565C0;
    --primary-dark:#0D47A1;

    --secondary:#FFB703;
    --secondary-dark:#FB8500;

    --accent:#00B894;

    --success:#2ECC71;
    --danger:#E63946;
    --warning:#F4A261;

    /* Neutral */

    --white:#ffffff;

    --light:#F8FAFC;

    --gray-100:#F1F5F9;
    --gray-200:#E2E8F0;
    --gray-300:#CBD5E1;
    --gray-400:#94A3B8;
    --gray-500:#64748B;
    --gray-600:#475569;

    --dark:#1E293B;
    --black:#0F172A;

    /* Typography */

    --font:'Poppins',sans-serif;

    --h1:64px;
    --h2:46px;
    --h3:34px;
    --h4:26px;
    --h5:20px;
    --h6:18px;

    --text:16px;
    --small:14px;

    /* Radius */

    --radius-sm:8px;
    --radius:15px;
    --radius-lg:25px;
    --radius-round:50px;

    /* Shadow */

    --shadow-sm:0 5px 15px rgba(0,0,0,.06);

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

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

    /* Transition */

    --transition:.35s ease;

    /* Container */

    --container:1280px;

    /* Header */

    --header-height:85px;

}