:root {
    --primaryColour: #245776;
    --primaryColourLight: rgba(64, 107, 173, 0.6);

    --secondaryColour: #2dc0af;
    --secondaryColourLight: rgba(79, 189, 211, 0.6);
  
    --text: #333333;
    --textDim: #999999;
    --textInvert: #ffffff;

    --fieldBackgroundColour: #f5f5f5;
    --fieldBorderColour: #DDDDDD;

    --buttonBackgroundColour: var(--primaryColour);
    --buttonHoverBackgroundColour: var(--primaryColourLight);
    --buttonBorderColour: var(--primaryColour);
    --buttonHoverBorderColour: transparent;
    --buttonTextColour: #FFFFFF;
    --buttonHoverTextColour: #FFFFFF;

    --gvSectionColour: var(--primaryColour);
    
    --gfTextColour: var(--text);
    --gfFieldBackgroundColour: var(--fieldBackgroundColour);
    --gfFieldBorderColour: var(--fieldBorderColour);    
  }