/*==================================================
  RideMonkey Design System
==================================================*/

:root{

    /*--------------------------------------------------
      Brand Colours
    --------------------------------------------------*/

    --rm-orange:#F05305;
    --rm-black:#222222;
    --rm-white:#ffffff;

    /*--------------------------------------------------
      UI Colours
    --------------------------------------------------*/

    --rm-light:#f6f6f6;
    --rm-grey:#666666;
    --rm-border:#e5e5e5;

    /*--------------------------------------------------
      Cards
    --------------------------------------------------*/

    --rm-card-radius:14px;
    --rm-card-shadow:0 3px 12px rgba(0,0,0,.06);

    /*--------------------------------------------------
      Typography
    --------------------------------------------------*/

    --rm-title-size:16px;
    --rm-body-size:14px;

    /*--------------------------------------------------
      Spacing
    --------------------------------------------------*/

    --rm-space-xs:5px;
    --rm-space-sm:10px;
    --rm-space-md:15px;
    --rm-space-lg:20px;

}