/* ==========================================================
   LOCALLIA THEME
   Base Styles
   ========================================================== */

:root {

  /* Colours */
  --colour-primary: #1f4e79;
  --colour-secondary: #8b6b2e;
  --colour-background: #f7f7f5;
  --colour-surface: #ffffff;
  --colour-text: #222222;
  --colour-border: #d9d9d9;

  /* Typography */
  --font-body: "Segoe UI", Arial, sans-serif;
  --font-heading: Georgia, serif;

  /* Widths */
  --site-width: 1320px;

  /* Spacing */
  --space-xs: .25rem;
  --space-sm: .5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  /* Border Radius */
  --radius: 6px;

  /* ======================================================
       Locallia Colour Palette
       ====================================================== */

    --colour-dark-grey: #222222;
    --colour-light-grey: #c9c9c9;

    --colour-blue-dark: #0d1b2a;
    --colour-blue: #1f4f82;
    --colour-blue-light: #2d7ff9;

    --colour-gold: #b08d57;
    --colour-gold-light: #c8a86b;

    --colour-white: #ffffff;
    --colour-black: #000000;
    --locallia-border: #4a4a4a;
    --locallia-text-muted: #7a7a7a;
}

/* ==========================================================
   Reset
   ========================================================== */

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    font-size:16px;
}

body{

    margin:0;
    padding:0;

    background:var(--colour-background);
    color:var(--colour-text);

    font-family:var(--font-body);
    line-height:1.6;

}