/* ==========================================
   VARIABLES.CSS
   Quick Tool Desk Design System
========================================== */

:root{

    /* Primary Colors */

    --primary:#2563eb;
    --primary-dark:#1d4ed8;

    /* Secondary */

    --secondary:#10b981;

    /* Background */

    --background:#f8fafc;

    --surface:#ffffff;

    /* Text */

    --text:#111827;

    --text-light:#6b7280;

    /* Border */

    --border:#e5e7eb;

    /* Success */

    --success:#22c55e;

    /* Warning */

    --warning:#f59e0b;

    /* Danger */

    --danger:#ef4444;

    /* Radius */

    --radius-sm:8px;

    --radius:12px;

    --radius-lg:18px;

    /* Shadow */

    --shadow:

    0 10px 30px rgba(0,0,0,.08);

    /* Transition */

    --transition:.3s ease;

}