html,
body {
  margin: 0;
}

/*
 * Asurion UI's <GlobalStyles /> injects its own `:root` token block at runtime,
 * which lands after this stylesheet in the document. The doubled `:root` wins
 * on specificity rather than source order, so these overrides survive.
 */
:root:root {
  --comcast-blue: #0089ff;
  --comcast-dark: #0d1c3d;
  --comcast-on-blue: #ffffff;
  --comcast-black: #0a0a0a;
  --comcast-on-black: #ffffff;

  /*
   * Repoint Asurion UI's brand tokens at the Comcast palette. Every component
   * that resolves a brand color does it through these, so this is the only
   * place the brand needs to be applied — `Action variant="filled"` becomes
   * Comcast blue and `variant="tonal"` becomes Comcast black.
   */
  --aui-primary: var(--comcast-blue);
  --aui-on-primary: var(--comcast-on-blue);
  --aui-secondary: var(--comcast-black);
  --aui-on-secondary: var(--comcast-on-black);
}

form {
  width: 100%;
}