:root {

  /* Typography */
  --font-family: "Google Flex Sans", sans-serif;

  /* Brand Colors */
  --color-primary: #07294c;
  --color-white: #FFFFFF;
  --color-off-white: #F8F9FA;

  /* Support Colors */
  --color-blue-light: #C6E8F2;
  --color-turquoise: #19B8BF;
  --color-blue: #19A6C0;
  --color-purple: #CFC2F1;

  /* Text */
  --color-text: var(--color-primary);
  --color-text-light: #506070;

  /* States */
  --color-error: #D93025;
  --color-success: #2E7D32;

   /* Font Size */
   --nx-fontSize--h1: 1.75rem;
   
  /* Form */
  --color-input-bg: var(--color-white);
  --color-input-border: #D7DEE5;
  --color-input-focus: var(--color-blue);

  /* Buttons */
  --color-button: var(--color-primary);
  --color-button-hover: var(--color-turquoise);
  --color-button-text: var(--color-white);

  /* Layout */
  --content-width: 640px;

  /* Radius */
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 24px;

  /* Shadows */
  --shadow-card: 0 16px 48px rgba(32, 46, 59, .12);

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

  /* Animation */
  --transition: .25s ease;