/*
==========================================
LOCAL LINK DESIGN SYSTEM
==========================================
*/

:root{

    /*==========================
      BRAND COLOURS
    ==========================*/

    --primary:#0d6efd;
    --primary-dark:#0b5ed7;
    --primary-light:#4f9dff;

    --secondary:#2563eb;

    --success:#22c55e;
    --warning:#f59e0b;
    --danger:#ef4444;
    --info:#06b6d4;

    /*==========================
      NEUTRAL COLOURS
    ==========================*/

    --white:#ffffff;

    --light:#f8fafc;
    --light-2:#f1f5f9;

    --gray:#64748b;
    --gray-light:#94a3b8;

    --dark:#1e293b;
    --dark-2:#0f172a;

    --border:#e2e8f0;

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

    --font-family:'Inter',sans-serif;

    --font-xs:.75rem;
    --font-sm:.875rem;
    --font-md:1rem;
    --font-lg:1.125rem;
    --font-xl:1.5rem;
    --font-2xl:2rem;
    --font-3xl:3rem;

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

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

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-7:32px;
    --space-8:40px;
    --space-9:60px;
    --space-10:80px;

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

    --radius-sm:6px;
    --radius:10px;
    --radius-md:14px;
    --radius-lg:20px;
    --radius-xl:30px;
    --radius-round:50px;

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

    --shadow-sm:
    0 2px 6px rgba(0,0,0,.05);

    --shadow:
    0 8px 20px rgba(0,0,0,.08);

    --shadow-lg:
    0 20px 50px rgba(0,0,0,.12);

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

    --transition:.3s ease;

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

    --container:1320px;

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

    --header-height:75px;

}