:root {

/* Base Colours */
  --sota-color-bg: #3A4868;
  --sota-color-bg-card: #ffffff;
  --sota-color-bg-brand: #4B5A7D;
  --sota-color-surface: #F7F9FE;

/* Text Colors */
  --sota-color-text: var(--sota-color-blue-dk);
  --sota-color-text-inverted: #ffffff;
  --sota-color-text-link: ;
  --sota-color-text-link-hover: ;

/* Brand Palette */
  --sota-white: #ffffff;
  --sota-color-blue: #4B5A7D;
  --sota-color-blue-tint-20: #DBDEE5;
  --sota-color-blue-tint-40: #B7BDCB;
  --sota-color-blue-tint-60: #939CB1;
  --sota-color-blue-tint-80: #6F7B97;
  --sota-color-blue-dk: #3A4868;

  --sota-color-red: #E14F5E;
  --sota-color-red-tint-20: #F9DCDF;
  --sota-color-red-tint-40: #F3B9BF;
  --sota-color-red-tint-60: #ED959E;
  --sota-color-red-tint-80: #E7727E;
  --sota-color-red-dk: #CF3142;

  --sota-color-lilac: #8198C4;
  --sota-color-lilac-tint-20: #E6EAF3;
  --sota-color-lilac-tint-40: #CAD6E9;
  --sota-color-lilac-tint-60: #B0C2DF;
  --sota-color-lilac-tint-80: #95ADD4;
  --sota-color-lilac-dk: #5F76A2;

  --sota-color-teal: #8BC4C1;
  --sota-color-teal-tint-20: ;
  --sota-color-teal-tint-40: ;
  --sota-color-teal-tint-60: ;
  --sota-color-teal-tint-80: ;
  --sota-color-teal-dk: ;

/* Radius */
  --sota-radius-xs: .10em;
  --sota-radius-sm: .5em;
  --sota-radius-md: 1em;
  --sota-radius-lg: 1.5em;
  --sota-radius-xl: 2em;


/* Spacing */
  --sota-spacing: 1rem;
  --sota-spacing-xs: .375em;
  --sota-spacing-sm: .75em;
  --sota-spacing-md: 1.5em;
  --sota-spacing-lg: 2em;
  --sota-spacing-xl: 3em;


/* Fonts */
    --sota-font-size-xs: .625em;
    --sota-font-size-sm: .875em;
    --sota-font-size-md: 1.125em;
    --sota-font-size-lg: 1.375em;
    --sota-font-size-xl: 1.875em;


/* Headings */
  --sota-heading-font-family: inherit;
  --sota-heading-font-weight: 600;
  --sota-heading-font-size: 2.375rem;
  --sota-heading-line-height: 1.125;

  --sota-title-font-size: 3em;
  --sota-title-font-weight: 700;

  --sota-h2-font-size: 1.875em;
  --sota-h3-font-size: 1.625em;
  --sota-h4-font-size: 1.375em;


/* Form Elements */
  --sota-form-input-font-size: 1rem;
  --sota-form-input-font-family: inherit;
  --sota-form-input-radius: var(--sota-radius-xs);
  --sota-input-bg-color: #fff;
  --sota-input-font-size: 1rem;
  --sota-input-font-family: inherit;
  --sota-input-padding: .625em .825em;
  --sota-input-border-radius: .125em;
  --sota-input-border-width: 1px;
  --sota-input-text-color: #222;
  --sota-input-border-color: #aaa;
  --sota-input-border-style: solid;
  --sota-input-box-shadow: none;




/* Buttons */ 
  --sota-button-font-size: 1rem;
  --sota-button-font-family: var(--sota-form-input-font-family);

  --sota-button-spacing-sm: .5em .75em;
  --sota-button-spacing-md: .75em 1.25em;
  --sota-button-spacing-lg: 1em 1.75em;

  --sota-button-radius: var(--sota-form-input-radius);
  --sota-button-transition: var();



/* Effects */
  --sota-ring: rgba(29, 78, 216, 0.35);
  --sota-shadow: 0 10px 30px rgba(0,0,0,0.06);


/* Animation easings */
    --ease-in-quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
    --ease-in-cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
    --ease-in-quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
    --ease-in-quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
    --ease-in-sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
    --ease-in-expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
    --ease-in-circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
    --ease-in-back:      cubic-bezier(0.600, -0.280, 0.735, 0.045);
    --ease-out-quad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
    --ease-out-cubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
    --ease-out-quart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
    --ease-out-quint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
    --ease-out-sine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
    --ease-out-expo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
    --ease-out-circ:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
    --ease-out-back:     cubic-bezier(0.175,  0.885, 0.320, 1.275);
    --ease-in-out-quad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
    --ease-in-out-cubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
    --ease-in-out-quart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
    --ease-in-out-quint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
    --ease-in-out-sine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
    --ease-in-out-expo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
    --ease-in-out-circ:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
    --ease-in-out-back:  cubic-bezier(0.680, -0.550, 0.265, 1.550);



}