/* Main Polly Style Variables */ 
:root {
  /* Base Colors */
  --polly-hue--primary: 227;
  --polly-hue--secondary: 45;
  --polly-hue--error: 3.91;
  --polly-hue--warning: 34.03;
  --polly-hue--success: 152.13;
  --polly-bg-white: #FFFFFF;
  --polly-bg-white--accent: #F9FAFF; 

  /* Header Gradient */
  --polly-nav-gradient--secondary: hsla(var(--polly-hue--primary), 80%, 42%, 1);
  --polly-nav-gradient:  linear-gradient(90deg, var(--polly-brand--700) 28%, var(--polly-nav-gradient--secondary) 40%, var(--polly-brand--200) 100%);

  /* Linear Gradient */
  --polly-linear-gradient: linear-gradient(hsla(var(--polly-hue--secondary), 100%, 49.80%, 1), hsla(var(--polly-hue--primary), 77.08%, 50.39%, 1));

  /* Colours */
  /* Brand Colors*/
  --polly-brand--25: hsla(var(--polly-hue--primary), 100%, 85%, 1);
  --polly-brand--50: hsla(var(--polly-hue--primary), 100%, 80%, 1);
  --polly-brand--100: hsla(var(--polly-hue--primary), 100%, 75%, 1);
  --polly-brand--200: hsla(var(--polly-hue--primary), 100%, 60%, 1);
  --polly-brand--300: hsla(var(--polly-hue--primary), 100%, 45%, 1);
  --polly-brand--400: hsla(var(--polly-hue--primary), 100%, 30%, 1);
  --polly-brand--500: hsla(var(--polly-hue--primary), 100%, 15%, 1);
  --polly-brand--600: hsla(var(--polly-hue--secondary), 100%, 50%, 1);
  --polly-brand--700: hsla(var(--polly-hue--primary), 100%, 25%, 1);
  --polly-brand--800: hsla(var(--polly-hue--primary), 100%, 10%, 1);
  --polly-brand--900: hsla(var(--polly-hue--primary), 100%, 5%, 1);
  --polly-brand--950: hsla(var(--polly-hue--primary), 100%, 2.5%, 1);
  --Primary-Blue: var(--polly-brand--700);

  /* Polly Grey Colours */
  --polly-grey--25: hsla(var(--polly-hue--primary), 10.28%, 99.22%, 1);
  --polly-grey--50: hsla(var(--polly-hue--primary), 20%, 98.04%, 1);
  --polly-grey--100: hsla(var(--polly-hue--primary), 23.81%, 95.88%, 1);
  --polly-grey--200: hsla(var(--polly-hue--primary), 16.67%, 92.94%, 1);
  --polly-grey--300: hsla(var(--polly-hue--primary), 16.05%, 84.12%, 1);
  --polly-grey--400: hsla(var(--polly-hue--primary), 15.08%, 64.90%, 1);
  --polly-grey--500: hsla(var(--polly-hue--primary), 13.19%, 46.08%, 1);
  --polly-grey--600: hsla(var(--polly-hue--primary), 18.39%, 34.12%, 1);
  --polly-grey--700: hsla(var(--polly-hue--primary), 23.53%, 26.67%, 1);
  --polly-grey--800: hsla(var(--polly-hue--primary), 33.33%, 14.12%, 1);
  --polly-grey--900: hsla(var(--polly-hue--primary), 42.86%, 10.98%, 1);
  --polly-grey--950: hsla(var(--polly-hue--primary), 41.86%, 8.04%, 1);

  /* Polly Error Colours */
  --polly-error--25: hsla(var(--polly-hue--error), 100%, 99.02%, 1);
  --polly-error--50: hsla(var(--polly-hue--error), 85.71%, 97.25%, 1);
  --polly-error--100: hsla(var(--polly-hue--error), 93.33%, 94.12%, 1);
  --polly-error--200: hsla(var(--polly-hue--error), 96.30%, 89.41%, 1);
  --polly-error--300: hsla(var(--polly-hue--error), 96.08%, 80%, 1);
  --polly-error--400: hsla(var(--polly-hue--error), 92.45%, 68.82%, 1);
  --polly-error--500: hsla(var(--polly-hue--error), 85.98%, 58.04%, 1);
  --polly-error--600: hsla(var(--polly-hue--error), 74.30%, 48.82%, 1);
  --polly-error--700: hsla(var(--polly-hue--error), 76.47%, 40%, 1);
  --polly-error--800: hsla(var(--polly-hue--error), 71.60%, 33.14%, 1);
  --polly-error--900: hsla(var(--polly-hue--error), 62.59%, 27.25%, 1);
  --polly-error--950: hsla(var(--polly-hue--error), 75.26%, 19.02%, 1);

  /* Polly Warning Colours */
  --polly-warning--25: hsla(var(--polly-hue--warning), 100%, 98.04%, 1);
  --polly-warning--50: hsla(var(--polly-hue--warning), 100%, 95.49%, 1);
  --polly-warning--100: hsla(var(--polly-hue--warning), 96.49%, 88.82%, 1);
  --polly-warning--200: hsla(var(--polly-hue--warning), 98.32%, 76.67%, 1);
  --polly-warning--300: hsla(var(--polly-hue--warning), 98.90%, 64.51%, 1);
  --polly-warning--400: hsla(var(--polly-hue--warning), 98.21%, 56.27%, 1);
  --polly-warning--500: hsla(var(--polly-hue--warning), 93.70%, 50.20%, 1);
  --polly-warning--600: hsla(var(--polly-hue--warning), 97.31%, 43.73%, 1);
  --polly-warning--700: hsla(var(--polly-hue--warning), 91.53%, 37.06%, 1);
  --polly-warning--800: hsla(var(--polly-hue--warning), 83.75%, 31.37%, 1);
  --polly-warning--900: hsla(var(--polly-hue--warning), 79.41%, 26.67%, 1);
  --polly-warning--950: hsla(var(--polly-hue--warning), 79.31%, 17.06%, 1);

  /* Polly Success Colours */
  --polly-success--25: hsla(var(--polly-hue--success), 80%, 98.04, 1);
  --polly-success--50: hsla(var(--polly-hue--success), 80.95%, 95.88%, 1);
  --polly-success--100: hsla(var(--polly-hue--success), 81.82%, 89.22%, 1);
  --polly-success--200: hsla(var(--polly-hue--success), 68%, 80.39%, 1);
  --polly-success--300: hsla(var(--polly-hue--success), 63.31%, 66.86%, 1);
  --polly-success--400: hsla(var(--polly-hue--success), 57.26%, 54.12%, 1);
  --polly-success--500: hsla(var(--polly-hue--success), 77.11%, 39.41%, 1);
  --polly-success--600: hsla(var(--polly-hue--success), 90.97%, 30.39%, 1);
  --polly-success--700: hsla(var(--polly-hue--success), 90.32%, 24.31%, 1);
  --polly-success--800: hsla(var(--polly-hue--success), 84.16%, 19.80%, 1);
  --polly-success--900: hsla(var(--polly-hue--success), 83.33%, 16.47%, 1);
  --polly-success--950: hsla(var(--polly-hue--success), 82.14%, 10.98%, 1);

  /* Typography */
  --polly-font-family: Roboto;
  --polly-font-size--xl: 24px;
  --polly-font-size--lg: 18px;
  --polly-font-size--md: 16px;
  --polly-font-size--sm: 14px;
  --polly-font-size--xs: 12px;
  --polly-font-weight--bold: 900;
  --polly-font-weight--semi-bold: 600;
  --polly-font-weight--regular: 400;
  --polly-font-weight--light: 300;
  --polly-font-colour: var(--polly-grey--600);
  --polly-font-colour--light: var(--polly-grey--400);
  --polly-font-colour--dark: var(--polly-grey--900);
  --polly-font-colour--link: var(--polly-brand--300);
  --polly-font-colour--white: #FFFFFF;
  --polly-font-colour--accent: #F9FAFF;
  --polly-line-height--sm: 1;
  --polly-line-height--md: 1.45;
  --polly-line-height--lg: 1.8;
  --polly-line-height--xl: 2.2;

  /* Shadows */
  --polly-shadow--xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

  /* Borders */
  --polly-border-radius--sm: 8px;
  --polly-border-width--sm: 0.5px;
  --polly-border-width--md: 1px;

}